title: jquery .html is not working
body: <p>I want to attach a variable into my HTML. I am using .html to do this but doesn't seem to be working.</p>
  
  <p>Also am I right to use the pageinit event? The page is dynamic , the content is different depending on the choice from a list on the previous page.</p>
  
  <p>Maybe append would be a better choice? Im unsure.. Any advice?</p>
  
  <p>Here is my JS file</p>
  
  <pre><code> $(document).on('pageinit','#details-page', function(){
        var details_view = "";
        $(function() {
          $.getJSON('js/bands.json', function(data) {
              details_view += '&lt;div&gt;&lt;p&gt;Content goes here&lt;/p&gt;&lt;/div&gt;';
           });
    });
    $('#detail_content').html(details_view);
  });
  </code></pre>
  
  <p>Here is my HTML. </p>
  
  <pre><code>&lt;div data-role="page" id="details-page"&gt;
      &lt;div data-role="header" class="header"&gt;
      &lt;/div&gt;
      &lt;div data-role="content" id="detail_content"&gt;
          // **I want the details_view variable content to go here**
      &lt;/div&gt;
      &lt;div data-role="footer" class="footer" data-position="fixed"&gt;           
      &lt;/div&gt;
  &lt;/div&gt;  
  </code></pre>