why is this delivering empty list items?
<p>I've gotten some help here for this piece of code, but on my end, when I click the button, it's simply dumping empty li elements to the intended target.  </p>

<pre><code>&lt;script type="text/javascript"&gt;
    $('.add-button').click(function() {
        $('&lt;li /&gt;', {text: $('#select-put:selected').text() })
        .appendTo('#publisher-results ul');
    });
&lt;/script&gt;

&lt;div class="select-div"&gt;
    &lt;select id="select-put"&gt;
        &lt;option val="1"&gt;Tester out &lt;/option&gt;
        &lt;option val="2"&gt;Tester out 2&lt;/option&gt;
        &lt;option val="3"&gt;Tester out 3&lt;/option&gt;
        &lt;option val="4"&gt;Tester out 4&lt;/option&gt;
    &lt;/select&gt;
&lt;/div&gt;

&lt;div class="link-div"&gt;
    &lt;a class="add-button" href="#" style="width:46px;height:22px;display:block;"&gt;&lt;/a&gt;
&lt;/div&gt;

&lt;div style="clear:both;"&gt;&lt;/div&gt;
&lt;div id="publisher-results"&gt;
    &lt;ul&gt;&lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>I have this operating in a modal window...perhaps that has something to do with why it isn't working. The modal window can be engaged <a href="http://www.jontakiff.com/list-append/overlay.html" rel="nofollow">here</a>....I'd appreciate any help...thank you.</p>
