title: Href and mailto links in KnockoutJS
body: <p>I'm trying to display a table with links and mailto's in a display template using Knockout. I'm still really new to knock out to I apologize in advance!</p>
  
  <p>This is what my display template was originally:</p>
  
  
  
  <pre class="lang-html prettyprint-override"><code>&lt;script type="text/template" id="customerSearchDisplayTemplate"&gt;
      &lt;td class="hiddenId"&gt;{0}&lt;/td&gt;
      &lt;td&gt;&lt;a href="/wrenchsciencewebadmin2/UserManager/Customer/CustomerEditor.aspx?CustomerID={1}"&gt;{1}&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;&lt;a href="mailto:{2}"&gt;{2}&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;{3}&lt;/td&gt;
      &lt;td&gt;{4}&lt;/td&gt;
      &lt;td&gt;{5}&lt;/td&gt;
      &lt;td&gt;{6}&lt;/td&gt;     
      &lt;td&gt;{7}&lt;/td&gt;
      &lt;td&gt;&lt;a href="/wrenchsciencewebadmin2/Common/PopupWindows/CustomerNotes.aspx?customerid={8}"&gt;{8}&lt;/a&gt;&lt;/td&gt;                     
  &lt;/script&gt;
  </code></pre>
  
  <p>and this is what I have so far, minus the mailto AND links:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;script type="text/template" id="customerSearchDisplayTemplate"&gt;
      &lt;tr&gt;
          &lt;td class = "hiddenId"&gt;&lt;span data-bind="text: customerSearchID"/&gt;&lt;/td&gt; 
          &lt;td&gt;&lt;span data-bind="text: fullName" /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;span data-bind="text: primaryEmail" /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;span data-bind="text: secondaryEmail" /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;span data-bind="text: homePhone" /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;span data-bind="text: workPhone" /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;span data-bind="text: mobilePhone" /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;span data-bind="text: lastLogonDate" /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;span data-bind="text: wsNotes" /&gt;&lt;/td&gt;            
      &lt;/tr&gt;
  &lt;/script&gt;
  </code></pre>