title: Jquery applying css to load div
body: <p>I am having an issue applying css dynamically to a loaded div using the <code>load()</code> function. The html being loaded is found, and it is inserted, and I can use a close command. However the css I am trying to apply is not being registered. Everything seems to work fine minus the dynamic css. I think I may have something wrong or an incorrect function here:</p>
  
  <p>Jquery:</p>
  
  <pre><code>$(document).ready(function() {
      //Find &amp; Open
      $(".projectThumb").click(function(){
          htmlName = $(this).find("img").attr("name");
          $("#popupContainer").load(htmlName + ".html");
          });
  
      //Apply CSS
      $(".projectPopup").css({"position": "absolute", "background": "#000", "top": "10%", "left": "10px"});
  
      //Close property
      $("a.close").live("click", function(){
          $("#popupContainer").empty();
          });
  });
  </code></pre>
  
  <p>test.php:</p>
  
  <pre><code>&lt;div id="content"&gt;
      &lt;div class="projectThumb"&gt;
        &lt;img src="/img/aeffect_button_static.gif" name="aeffect" /&gt;
        &lt;p class="title"&gt;title&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="popupContainer"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>aeffect.html:</p>
  
  <pre><code>&lt;div class="projectPopup" id="aeffect"&gt;
    &lt;a class="close"&gt;Close &amp;times;&lt;/a&gt;
    &lt;p class="description"&gt;Description&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>