title: CSS styles won't refresh after AJAX runs
body: <p>I'm using the AJAX code below to append content from another HTML file to my index page. The AJAX works correctly, and my content shows up, but the styles that I have coded in the CSS are not being applied after the AJAX runs.</p>
  
  <p>I've been searching the net looking for an answer to the problem, but so far the solutions I've tried haven't worked. Below I'm using .trigger('create') to try and force the CSS refresh on the content that I'm appending, but it's not working. If I refresh the page manually through the browser, then my styles are applied. Can someone point me in the right direction as to how to refresh the styles after the AJAX runs without refreshing the entire page?</p>
  
  <pre><code>$.ajax({ type: "GET",   
      url: pageToLoad,   
      async: false,
      success : function(data)
      {
          $(data).find('#'+divID).appendTo('#contentcontainer').trigger('create');
      }
  });
  </code></pre>
  
  <p>HTML that is being appended to index page:</p>
  
  <pre><code>&lt;div class="content" id="portfolio"&gt;
      &lt;div class="wrapper"&gt;
           &lt;h2&gt;Portfolio&lt;/h2&gt;
               &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum libero non egestas dapibus. Nam gravida, libero ac posuere eleifend, mauris nisi venenatis metus, non hendrerit magna justo eget lectus.&lt;/p&gt;
      &lt;/div&gt;&lt;!--wrapper--&gt;
      &lt;div class="clear"&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;!--content--&gt;
  </code></pre>
  
  <p>CSS styles being applied in default.css:</p>
  
  <pre><code>#index {background-color:#82e4e5;}
  #portfolio {background-color:#fb5656;}
  </code></pre>