title: How can i loop html element using jquery in javascript?
body: <p>I want to repeat 'post' div and all of its contents eg 50times in left-col div using jquery and call it inside html?</p>
  <p>HTML:</p>
  <pre><code> &lt;div class=&quot;post&quot;&gt; Content &lt;/div&gt;
  </code></pre>
  <p>JS:</p>
  <pre><code>var jQueryScript = document.createElement('script');
  jQueryScript.setAttribute('src', 'https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js');
  document.head.appendChild(jQueryScript);
  
  $(document).ready(function(i) {
  for (let i = 2; i &lt; 100; i++) {
    $(&quot;.post:eq(0)&quot;).clone().appendTo(&quot;.left-col&quot;);
  }
  
  
   });
  </code></pre>