jQuery Анимация - не работает при вызове функции

Question

Моя цель - создать универсальную функцию для анимации, которая потребует передать параметры, предполагая, что функция может использоваться для анимации любых элементов.

Я начал с простой анимации, которая не требует прохождения параметров, и кажется, что она работает нормально. Вот код и link

<div id="outer" class="box"> 
    <div id="inner" class="box"></div> 
</div> 
<input type="button" id="animate" value="Animate"/>​  
​$("#inner").animate({left: '+=300', top: '+=300'}, 1000);​ 

но не работает, когда я пытаюсь написать функцию genric ... code

$("#animate").Click(function(){ 
    diagonalAnimation("inner"); 
}); 

function diagonalAnimation(e){ 
$('"#'+e+'"').animate({left: '+=300', top: '+=300'}, 1000); 
} 

Answer 1

jsFiddle (http://jsfiddle.net/5v86F/81/)

<div id="outer" class="box"> 
    <div id="inner" class="box"></div> 
</div> 

<input type="button" id="animate" value="Animate" onclick="animate('inner')"/> 

<script> 
    function animate(item) 
    { 
     $("#" + item).animate({left: '+=300', top: '+=300'}, 1000); 
    } 
</script>