title: Display nested loops object in html list ul li
body: <p>Hi I have this object </p>
  
  <pre><code>{
   levela: {
    levelb: {
      levelc: [],
      leveld: []
    }
   }, 
   level1: {
     level2: {
       level3: {
         level4:[]
       }
     }
   }
  }
  </code></pre>
  
  <p>I want convert this in ul li items like this, I just want to stop if I object[key] is an array</p>
  
  <pre><code>&lt;ul&gt;
   &lt;li&gt;levela
    &lt;ul&gt;
     &lt;li&gt;levelb
        &lt;ul&gt;
           &lt;li&gt;levelc&lt;/li&gt;
        &lt;/ul&gt;
     &lt;/li&gt;
  
    &lt;/ul&gt;
   &lt;/li&gt;
   &lt;li&gt;level1&lt;/li&gt;
    ....
  &lt;/ul&gt;
  </code></pre>
  
  <p>Thanks</p>