title: Load div content with result of post data with jquery and ajax
body: <p>I have just started with Jquery and am trying to understand it.
  Therefore I do apologize if my question seems stupid :)</p>
  
  <p>On click of a text, I want in this case "Home" I want the  to show the result of the posted data in html.</p>
  
  <p>This is what I have put down:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
      &lt;title&gt;Untitled Document&lt;/title&gt;
      &lt;script src="core/jscripts/jquery/jquery-2.0.2.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;p id="home"&gt;HOME&lt;/p&gt;
  &lt;div id="pagesdiv"&gt;
  
  &lt;/div&gt;
  &lt;script&gt;
      $(document).ready(function(){
          $("#home").click(function(){
              $.post("core/scripts/loadpages.php",
                  {
                      page:"home"
                  },
                  function(data){
                      ("#pagesdiv").html(data);
                  });
          });
      });
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I have checked the loadpages.php file and when I post "page: home" it returns the correct result. What am I doing wrong?</p>
  
  <p>Many thanks in advance for all of your help!</p>