title: jQuery parents selector
body: <p>I want to select a parent H2 depends on element which was clicked
  Example :</p>
  
  <pre><code>&lt;ul&gt;&lt;h2&gt;Title1&lt;/h2&gt;
      &lt;li&gt;Test&lt;/li&gt;
      &lt;li&gt;sub menu
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;link1&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  &lt;br/&gt;
  
  
  &lt;ul&gt;&lt;h2&gt;Title2&lt;/h2&gt;
      &lt;li&gt;Test&lt;/li&gt;
      &lt;li&gt;ubmenu
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;link2&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;sub sub menu
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href="#"&gt;link2&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I have 3 links that are in different places.
  My JS function :</p>
  
  <pre><code>jQuery("a").bind('click', function () {    
         jQuery(this).parents("h2").html("okay!")
  
  })
  </code></pre>
  
  <p>So, I want to change the content of the parent H2, link1 click change the title1 and both link2 must change the title2.</p>
  
  <p>My test : <a href="http://jsfiddle.net/Kaherdin/awX9n/1/" rel="nofollow">http://jsfiddle.net/Kaherdin/awX9n/1/</a></p>