title: Replace li with div and remove ul using jquery
body: <p>I have an unordered list like</p>
  
  <pre><code>&lt;ul class="outer"&gt;
      &lt;li class="item"&gt;
        &lt;div class="image"&gt; ... &lt;/div&gt;
        &lt;div class="content"&gt; ... &lt;/div&gt;
     &lt;/li&gt;
  
     &lt;li class="item"&gt;
       &lt;div class="image"&gt; ... &lt;/div&gt;
       &lt;div class="content"&gt; ... &lt;/div&gt;
     &lt;/li&gt;
     .
     .
     .
     .
  &lt;/ul&gt;
  </code></pre>
  
  <p>i need to replace <code>li</code> &amp; <code>ul</code> with <code>div</code> using jquery so it would be  like</p>
  
  <pre><code>&lt;div class="outer"&gt;
      &lt;div class="item"&gt;
        &lt;div class="image"&gt; ... &lt;/div&gt;
        &lt;div class="content"&gt; ... &lt;/div&gt;
     &lt;/div&gt;
  
     &lt;div class="item"&gt;
       &lt;div class="image"&gt; ... &lt;/div&gt;
       &lt;div class="content"&gt; ... &lt;/div&gt;
     &lt;/div&gt;
     .
     .
     .
     .
  &lt;/div&gt;
  </code></pre>
  
  <p>tried but as im new i coludn't</p>
  
  <p>here is my <strong>Fiddle</strong> <a href="http://jsfiddle.net/3G7xy/1/" rel="nofollow">http://jsfiddle.net/3G7xy/1/</a></p>