title: confused by the javascript console log output of function variables
body: <p>I am a beginner when it comes to <code>javascript/jquery</code>..so if this question sounds silly,please forgive me.</p>
  
  <p>While going through <a href="http://fuelyourcoding.com/jquery-events-stop-misusing-return-false/" rel="nofollow">this tutorial</a> ,I tried to write to javascript <code>console</code> ,values of some of the variables in the functions-so that I can better understand how the function works</p>
  
  <pre><code>$(document).ready(function(){
      $("div.post h2 a").click(function () {
      var a    = $(this),
      href = a.attr('href'),
      content  = a.parent().next();
      console.log('a='+a);
      console.log('a.get(0)='+a.get(0));
      console.log('a parent='+a.parent());
      console.log('a parent.get(0)='+a.parent().get(0));
      console.log("href="+href);
      console.log('content='+content);
      content.load(href + " #content");
      return false; 
  });
  </code></pre>
  
  <p>I have modified the html slightly</p>
  
  <pre><code>&lt;div class="post"&gt;
      &lt;h2 id="h21"&gt;&lt;a href="other/mypage.html"&gt;My Page&lt;/a&gt;&lt;/h2&gt;
      &lt;div class="content"&gt;
          Teaser text1...
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="post"&gt;
      &lt;h2 id="h22"&gt;&lt;a href="other/myotherpage.html"&gt;My Other Page&lt;/a&gt;&lt;/h2&gt;
      &lt;div class="content"&gt;
          Teaser text2...
      &lt;/div&gt;
  &lt;/div&gt;
  });
  </code></pre>
  
  <p>when I click on the first link,I get this console log output</p>
  
  <pre><code>a=[object Object]
  a.get(0)=file:///home/me/dev/misc/other/mypage.html
  a parent=[object Object]
  a parent.get(0)=[object HTMLHeadingElement]
  href=other/mypage.html
  content=[object Object]
  </code></pre>
  
  <p>I thought the  <code>$(this)</code> expression in the function would be the element which was clicked(ie the first <code>&lt;a element</code>).Why does it appear as [object Object].I couldn't make out how <code>a.get(0)</code> becomes <code>file:///home/me/dev/misc/other/mypage.html</code></p>
  
  <p>Similarly,shouldn't the variable <code>content</code> be equal to the first  <code>div</code> (containing Teaser text1)? Why does it appear as [object Object]?</p>