title: Append dynamic data into table body using jquery
body: <p>I am trying to append dynamic data into the table body using jquery with the following code. don't know where I am wrong.  </p>
  
  <pre><code>var tr = '&lt;tr class="v-middle"&gt;';
        tr += '&lt;td&gt;&lt;span&gt;&lt;i class="'.icon_code.' _icons"&gt;&lt;/i&gt;&lt;/span&gt;&lt;/td&gt;';
        tr += '&lt;td class="flex text-color"&gt;'+icon_name+'&lt;/td&gt;';
        tr += '&lt;td class="text-color"&gt;'+icon_code+'&lt;/td&gt;';
        tr += '&lt;td class="text-color"&gt;'+icon_code_css+'&lt;/td&gt;';
        tr += '&lt;td&gt;&lt;span class="text-color"&gt;Material Design&lt;/span&gt;&lt;/td&gt;';
        tr += '&lt;td&gt;&lt;span class="badge bg-primary-lt"&gt;Copy&lt;/span&gt; &lt;span class="badge bg-primary-lt"&gt;Copy script&lt;/span&gt;&lt;/td&gt;';
        tr += "&lt;/tr&gt;";
       $('#icontable tbody').append(tr);
  </code></pre>
  
  <p>Getting the following error </p>
  
  <pre><code>Uncaught SyntaxError: Unexpected string
  </code></pre>