jquery селектор не работает, почему?

Я просто хочу манипулировать элементами внутри #content div, но$('#content') кажется, не работает, но в других местах это работает! Мой соответствующий код очень прост:

HTML
<body>
  <input type='button' value='Save design' id='save'  />
  <div id="content" style="height: 200px; width:600px;border: 1px solid black;" class='whatev'></div>
</body>
Script
$(document).ready(function(){   
   $('#save').click(function(e){
     alert( document.getElementById('content').id); // this works!
     alert($("#content").length); // this works! it outputs "1"
     alert($("#content").id); // this does NOT work - undefined, why?
     //end save function
   });

    $('#content').click(function(e){ 
       // do stuff // ALL of this works!
    });
});

Вот и все. Если вы заметили, что он работает в некоторых местах (вся функция клика, связанная с ним, совершенно нормально), но там, где он не работает, он странным образом все еще существует, потому чтоlength = 1, Я попытался использовать контекст для поиска div, на всякий случай, (используя$('#content','body')), но бесполезно.

Ответы на вопрос(8)

Ваш ответ на вопрос