title: Binding attributes of jQuery Mobile widgets with Knockout
body: <p>I have a page in my jQuery Mobile app with two link-based buttons, I want to bind their attributes to ko.observable() objects:</p>
  
  <pre><code>&lt;div data-role="page" id="details"&gt;
      &lt;div data-role="content"&gt;
          &lt;!-- ko with: selectedPerson --&gt;
          &lt;div&gt;
              &lt;h2 data-bind="text: name"&gt;&lt;/h2&gt;                                        
              &lt;a data-role="button" data-bind="attr: { href: phoneLink, title: phone}, text : phone"&gt;&lt;/a&gt;         
              &lt;a data-role="button" data-bind="attr: { href: emailLink, title: email}, text : email"&gt;&lt;/a&gt;
          &lt;/div&gt;
          &lt;!-- /ko --&gt;                
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem is that the links don't get rendered as buttons, I see them as simple links.</p>
  
  <p>How can I get jqm and knockout to work together? Do I need to write custom bindings for it?</p>
  
  <p>Thanks</p>