Calling show() on list-item makes it a block element and makes bullet disappear
<p>I am new to JQuery but I've started by making a list creator essentially. I have an empty list and an input field and a link for the user to add elements to the list. When I add something, I would like it to be hidden at first and then show up dynamically using JQuery. Currently, it adds it to the list but it sets the <code>display: block</code> instead of <code>display:list-item</code> or nothing at all. Am I doing something wrong?</p>

<p>So here is some code</p>

<pre><code>$('a#addstep').click(function() {
    if ( $('#step').val().length &gt; 0 ) {
        $('&lt;li /&gt;')
            .text($('#step').val())
            .hide()
            .appendTo('ol#instructions')
            .show('normal');
    }
});
</code></pre>

<p>Here is some HTML</p>

<pre><code>&lt;ol id="instructions"&gt;&lt;/ol&gt;
&lt;input type="text" id="step" size="60" /&gt;
&lt;a href="#" id="addstep"&gt;Add&lt;/a&gt;
</code></pre>
