How to access href of an a tag having ul with an id
<p>I want to access the value of the href of mi <code>&lt;a&gt;</code> tag which is within  a ul that has a id</p>

<pre><code>&lt;ul id="nav-social"&gt;
    &lt;li&gt;
        &lt;a class="waves-effect" href="link" target="_blank"&gt;
    &lt;/li&gt;
    &lt;li&gt;
        &lt;a class="waves-effect" href="link" target="_blank"&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>i only need the first link and then the second in another method </p>

<p>i tried this </p>

<pre><code>var href = $('a:first').attr('href');
var url = $('#nav-social').html(href);
</code></pre>

<p>but is not working</p>