title: jquery mobile 1.4 not updating content on page transition
body: <p>From the index page, a user clicks a navigation link, the data attribute is passed via ajax, the data is retrieved from the server but the content is not being updated on the new page.</p>
  
  <p>Been stuck for hours, really appreciate any help!</p>
  
  <p>js</p>
  
  <pre><code>$('a.navLink').on('click', function() {
  var cat = $(this).data("cat");
  console.log(cat);
  $.ajax({
      url:        'scripts/categoryGet.php',
      type:       'POST',
      dataType:   "json",
      data:       {'cat': cat},
      success:    function(data) {
                      var title           = data[0][0],
                          description     = data[0][1];
                          console.log(title);
                      $('#categoryTitle').html(title);
                      $('#categoryTitle').trigger("refresh");
                      $('#categoryDescription').html(description);
                      $('#categoryDescription').trigger("refresh");
      }
  });
  });
  </code></pre>
  
  <p>Im getting the correct responses back on both console logs, so I know the works, but neither divs categoryTitle or categoryDescription are being updated.  I've tried .trigger('refresh'), .trigger('updatelayout') but no luck!</p>