Rotate An Image Once

[Deadweight]

Using JQuery 1.11 why does the img rotate and the input disappear:

$(function() {
    var $elie = $("img"), degree = 0, timer;
  
    function rotate() {
        
        $elie.css({ WebkitTransform: 'rotate(' + degree + 'deg)'});  
        $elie.css({ '-moz-transform': 'rotate(' + degree + 'deg)'});                      
        timer = setTimeout(function() {
            ++degree; rotate();
            if(degree%360==0){clearTimeout(timer);}
        },5);
    }
    
    $("input").toggle(function() {
        clearTimeout(timer);
    }, function() {
        rotate();
    });
});

<input type="button" value=" Toggle Spin " />
<br/><br/><br/><br/>
<img src="http://i.imgur.com/ABktns.jpg" />

[Deadweight]

Resolved:

$(function() {
   var $elie = $("img"), degree = 1, timer;
  
    function rotate() {
        
        $elie.css({ WebkitTransform: 'rotate(' + degree + 'deg)'});  
        $elie.css({ '-moz-transform': 'rotate(' + degree + 'deg)'});                      
        timer = setTimeout(function() {
            ++degree; rotate();
            if(degree%360==0){clearTimeout(timer);}
        },5);
    }
    
    $("input").click(function() {
        
        rotate(); 
    });
});