JQuery анимации не работает/нет ошибок

Question

У меня есть этот простой JQ скрипт

$(document).ready(function(){ 
    $('#click').on('click', function(){ 
     $('#slide').animate({left: "100px"}); 
    }) 
}); 

и HTML

<div id="slide" style="border:2px solid red; width:100px; height:100px; background-color:blue; position:relative; left: -100px;"> 

</div> 
<button id"click">click</button> 

ДИВ не скользит, и я не могу понять, в чем проблема

Answer 1

Я вижу проблему в вашей строке button в формате HTML. В настоящее время это:

<button id"click">click</button> 

Но это должно быть:

<button id="click">click</button> 

Там должен быть = знака между id и его значением. Кроме этого, все остальное выглядит хорошо для меня. Вы уверены, что ваш jQuery включен?

описание: jsFiddle demo.