title: How to databind JQuery Mobile with Knockout and Upshot
body: <p>I am trying to build a JQuery Mobile UI which uses upshot for getting data from the service and then uses Knockout.js to bind the values to a list. I am able to populate the data however, the JQuery mobile styles are not getting rendered.</p>
  
  <p>Here is my code. Any help in this regard would be really appreciated.</p>
  
  <pre><code>&lt;h2&gt;Projects (&lt;span data-bind="text: projects().length"&gt;&lt;/span&gt;)&lt;/h2&gt;
  
  &lt;ul data-inset="true" data-bind="foreach: projects" data-role="listview" data-theme="e" data-dividertheme="c" data-filter="true"&gt; 
      &lt;li&gt;
              &lt;a href="#" data-bind="text: ProjectName"&gt;&lt;/a&gt;
              Project Type : &lt;label data-bind="text: ProjectType"&gt;&lt;/label&gt;
              Description : &lt;label data-bind="text: Description"&gt;&lt;/label&gt;
      &lt;/li&gt; 
  &lt;/ul&gt;       
  &lt;p&gt;&lt;/p&gt;
  
  @(Html.UpshotContext(bufferChanges: true).DataSource&lt;ProjectServiceController&gt;(x =&gt; x.GetProjects()))
  
  &lt;script type="text/javascript"&gt;
      $(function () {
          var dataSource = upshot.dataSources.Projects.refresh();
          var ProjectsViewModel = {
              projects: dataSource.getEntities()
          };
  
          ko.applyBindings(ProjectsViewModel);        
      });
  
  &lt;/script&gt;
  </code></pre>