Adding css to unordered list <li>
<p>I have a unordered list</p>

<pre><code> &lt;ul id="List1"&gt;
    &lt;li&gt;www.xyz.com&lt;/li&gt;
        &lt;li&gt;www.abc.com&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>using jquery, i want to convert this li to a link and add font as underline</p>

<p>I am trying it like this</p>

<pre><code> $('li').css('font', 'underline').click(function() {
                // how to add hyperlink?
            });
</code></pre>
