title: Sorting a bootstrap table with a js script
body: <p>I am aware that bootstrap took out the ability to sort a table in their 2.0.
  I was looking online for a solution for my sorting problem and I found the following nice script
  <a href="http://www.kryogenix.org/code/browser/sorttable/" rel="nofollow">http://www.kryogenix.org/code/browser/sorttable/</a></p>
  
  <p>The issue that I am having right now is that the arrows (for sort in a ascending/ descending order) are not appearing right away, only after the user clicks once on the table they will appear. But the user will never know he or she can click to sort without seeing an icon to begin with.</p>
  
  <p>I played with this part that has to do with the icons.</p>
  
  <pre><code>  sortfwdind.innerHTML = '&lt;span class="ui-icon ui-icon-triangle-1-s"&gt;&lt;/span&gt;';
    sortfwdind.className = "ui-icon ui-icon-triangle-1-s";
  </code></pre>
  
  <p>But i could not make it present an initial icon before the first click.
  Any suggestions?</p>