Jquery get parent of li href
<p>Hi I want to get the parent of this li </p>

<pre><code>     &lt;li&gt;&lt;a href="/panasonic/index.php/en/site/wheretobuy" class="WTB"&gt;&lt;/a&gt;
        &lt;ul&gt;        
    &lt;li&gt;&lt;a href="/panasonic/index.php/en/showroom/index" id="myid" &gt; testing&lt;/a&gt; &lt;/li&gt;    
       &lt;/ul&gt;    
   &lt;/li&gt;
</code></pre>

<p>How can I get the parent href of "myid".</p>

<p>All I have is this </p>

<pre><code>document.write($('#myid').parent('li').find('a').attr('href'));
</code></pre>

<p>Which displays ".../showroom/index", I use document.write() just to test. </p>

<p>I want it to display ".../wheretobuy" and it has to be accessed via "myid"</p>

<p>here it is here </p>

<p><a href="http://fiddle.jshell.net/86powers/YLYxF/" rel="nofollow">http://fiddle.jshell.net/86powers/YLYxF/</a></p>

<p>Thanks</p>
