title: HTML Knockout add FontAwesome icon into table using Unicode
body: <p>I have been working with Knockout and FontAwesome for a couple of days and I'm trying to display a FontAwesome icon using it's Unicode.</p>
  
  <p>I have a list of items called <code>alerts</code> which contains different informations about an alert and one icon for it.</p>
  
  <pre><code>if (alerts.Category == 0)
      alerts['Category'] = '&amp;#xf071;';
  else if (element.Category == 1)
      alerts['Category'] = '&amp;#xf129;';
  else if (alerts.Category == 2)
      alerts['Category'] = '&amp;#xf024;';
  else if (alerts.Category == 3)
      alerts['Category'] = '&amp;#xf0e5;';
  else if (alerts.Category == 4)
      alerts['Category'] = '&amp;#xf017;';
  </code></pre>
  
  <p>The thing is that when I'm trying to get them into the HTML page like:</p>
  
  <pre><code>&lt;table class="table" id="alertstable"&gt;
   &lt;tbody data-bind="foreach: alerts"&gt;
     &lt;tr style: { backgroundColor: Color, color: TextColor }"&gt;
      &lt;td&gt;
        &lt;button type="button" class="btn btn-default"
          data-bind="click:$root.GetAlertClick, text:VehicleShortName"&gt;
        22
        &lt;/button&gt;
      &lt;/td&gt;
      &lt;td&gt;
        &lt;i style="font-family: 'FontAwesome', 'Helvetica'; font-size: 20px;" 
            data-bind="image:Category"&gt;&lt;/i&gt;
      &lt;/td&gt;
     &lt;/tr&gt;
   &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>It displays all the VehicleShortNames but it doesn't display the icon for each one of them. It is possible to display the icon in the table this way?</p>