how to add list item through jquery in ul?
<pre><code>    &lt;ul id="content"&gt;
        &lt;li&gt;
            &lt;label  class="desc"&gt;Album Title:&lt;/label&gt;
            &lt;div&gt;
              &lt;input type="text"  class="field text full required" name="album[title]" id="album_title"  /&gt;
                &lt;?php echo form_error('album[title]', '&lt;label class="error"&gt;', '&lt;/label&gt;'); ?&gt;
            &lt;/div&gt;
        &lt;/li&gt;
        &lt;li&gt;
            &lt;label  class="desc"&gt;Image&lt;/label&gt;
            &lt;div&gt;
            &lt;input type="file"&gt;&amp;nbsp;&amp;nbsp;
            &lt;a href="" id="add_row"&gt;&lt;img src="&lt;?php echo base_url(); ?&gt;skin/images/add.png" /&gt;&lt;/a&gt;
            &lt;/div&gt;
        &lt;/li&gt;
        &lt;li class="buttons"&gt;
                &lt;button id="saveForm" class="ui-state-default ui-corner-all" value="Submit" type="submit"&gt;Add&lt;/button&gt;
        &lt;/li&gt;   
   &lt;/ul&gt;
</code></pre>

<p>i want to add new <code>&lt;li&gt;</code> before last <code>&lt;li&gt;</code> for add dynamic image field(through jquery).</p>

<p>Thanks in advance
Loganphp</p>
