title: How to add icon in a cell before text
body: <p>I want to add to the table cell a <code>Font-Awesome</code> icon. But I need to insert it before this cell text. How to do it via <code>JavaScript</code> or <code>Jquery</code>?</p>
  
  <p>That's my code:</p>
  
  <pre><code>var song_nameL = tr.insertCell(0);
  song_nameL.innerHTML = songName;
  var fa_times = song_nameL.appendChild(document.createElement("i"));
  fa_times.className = "fa fa-times";
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/pXUjU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pXUjU.png" alt=""></a></p>
  
  <p>As you see, it appears after the text. And if I put <code>song_nameL.innerHTML = songName;</code> to the end of this code, there will be no icon.
  I tried to increase <code>zIndex</code> of icon, but it didn't help. </p>