title: Appending some elements into list but before paragraph
body: <p>I have structure like this.</p>
  
  <pre><code>&lt;ul class="gallerylist"&gt;
  &lt;li&gt;
      &lt;image ...&gt;
      &lt;input ...&gt;
  &lt;/li&gt;
  &lt;li&gt;
      &lt;image ...&gt;
      &lt;input ...&gt;
  &lt;/li&gt;
  &lt;li&gt;
      &lt;image ...&gt;
      &lt;input ...&gt;
  &lt;/li&gt;
  &lt;p style="clear:both;"&gt;&amp;nbsp;&lt;/p&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>because of visual correction i have to use <code>&lt;p style="clear:both;"&gt;&amp;nbsp;&lt;/p&gt;</code> part and i'am adding new list items dynamically via JQuery by:</p>
  
  <pre><code>$('ul.gallerylist').append('&lt;li&gt;&lt;img .../&gt;&lt;br/&gt;&lt;input .../&gt;&lt;/li&gt;');
  </code></pre>
  
  <p>but as you can guess it is appended after the <code>&lt;p style="clear:both;"&gt;&amp;nbsp;&lt;/p&gt;</code> part and it corrupts the visual correction.</p>
  
  <p><strong>My question is :</strong> Which way is true to add li inside ul as last but before <code>p</code> tag?</p>