Add Select Option in converted UL list
<p>I'm using a script to convert a UL to a select drop down box: </p>

<pre><code>$(function() {
$('ul.cat-nav').each(function() {
    var $select = $('&lt;select id="category" /&gt;');
    $(this).find('a').each(function() {
        var $option = $('&lt;option /&gt;');
        $option.attr('value', $(this).attr('href')).html($(this).html());
        $select.append($option);
    });
    $(this).replaceWith($select);
    });
});
</code></pre>

<p>This works great, but I would like to add an initial option of "Choose One" as the first option. When I add this code to the above, it does not add the initial option:</p>

<pre><code>$("#category").html("&lt;option value='#'&gt;Choose One&lt;/option&gt;");
</code></pre>

<p>Any suggestions on what I'm doing wrong? </p>
