title: Backbone & Jquery Mobile rendering styles not working - Written in CoffeeScript
body: <p>I'm using backbone jquery mobile and coffee script to develop a simple twitter application. My problem is the jquery mobile styles are failing to render. My View is</p>
  
  <pre><code>class HomeView extends Backbone.View
  constructor: -&gt;
      super
  
  initialize: -&gt;
      @Twitter= new TwitterCollection
  
  template: _.template($('#home').html())
  
  render: -&gt;
      @loadResults()
  
  loadResults: -&gt;
      @Twitter.fetch({
          success: (data) =&gt;
              $(@.el).html(@template({data: data.models, _:_}))
  
          error: -&gt;
              alert('Error!')
      })
  </code></pre>
  
  <p>This works fine in terms of pulling information from Twitter, however when</p>
  
  <pre><code>$(@.el).html(@template({data: data.models, _:_}))
  </code></pre>
  
  <p>is within the fetch function, jquerys styles do not render. Can anyone show me how to refresh the styles? Help would be much appreciated!</p>
  
  <p>For reference, the html template is:</p>
  
  <pre><code>&lt;script type="text/template" id="home"&gt;
  
  &lt;div data-role="header" data-position="fixed"&gt;
      &lt;h1&gt;TWITTER DATA&lt;/h1&gt;
  &lt;/div&gt;
  
  &lt;div data-role="content"&gt;
      &lt;ul data-role="listview"  data-inset="true"&gt;
          &lt;% _.each(data, function (row) { %&gt;
              &lt;li&gt;&lt;a href="#tweet-&lt;%= row.get('id') %&gt;"&gt;&lt;%= row.get('text') %&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;% }); %&gt;
      &lt;/ul&gt;
  
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>