title: Integrate JQuery with HTML
body: <p>Problem :</p>
  
  <ul>
  <li>How can I integrate my jQuery code with HTML?</li>
  <li>The code is working in Chrome console but I have to integrate it with HTML </li>
  <li>How should i call the below jQuery code in HTML?</li>
  </ul>
  
  <p>Code:</p>
  
  <pre><code>$(function () {
      $('.ibody tr').each(function (a, b) {
          var count=0;
          var name = $('.cl', b).text();
          if(name.indexOf(".CSV")!==-1 &amp;&amp; name.indexOf("TAS")!==-1){
              var d= a-9;
              var hiddenIFrameID = 'hiddenDownloader' + count++;
              var iframe = document.createElement('iframe');
              iframe.id = hiddenIFrameID;
              iframe.style.display = 'none';
              document.body.appendChild(iframe);
              iframe.src = `https://www.shipper-ml.com/viewReports.do?
  ctrl=reportListForDownload&amp;action=DownloadReport&amp;param=${d}`;
          }
      });
  }); 
  </code></pre>