title: how to add div after each multiple of 5 using jquery in ul
body: <p>How can i achieve the following  using jquery. I tried to use css but to no avail so i am thinking of using jquery.How can i achieve this?? I tried to append but to no avail.   </p>
  
  <pre><code> &lt;ul&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;div class="clear"&gt;&lt;/div&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;div class="clear"&gt;&lt;/div&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;div class="clear"&gt;&lt;/div&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>Any help or suggestion is welcome. Thanks!</p>