title: css not being applied to html elements created with jQuery .append()
body: <p>So I know this is probably horrible programming practice, but I'm in a bit of a time crunch, and basically I have a  tag within my code, and upon clicking a button on the screen, I'm trying to append a bunch of code inside that div.  However, I've noticed two things.  One, my other javascript crashes UNLESS the appended code is all on one line, and two, my css style sheets aren't being applied to the code even though I've assigned classes.  Here's the relevant code:</p>
  
  <pre><code>            $("#results").append("&lt;ul class='sdt_menu'&gt;");
              for(i=0; i &lt; progression[max].length;i++)
              {
                  $("#results").append(
              "&lt;li&gt;&lt;a href='#'&gt;&lt;img src='images/youAreHere.jpg' alt=''/&gt;&lt;span class='sdt_active'&gt;&lt;/span&gt;&lt;span class='sdt_wrap'&gt;&lt;span class='sdt_link'&gt;"+progression[max][i]+"&lt;/span&gt;&lt;span class='sdt_descr'&gt;hover to view description&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;div class='sdt_box'&gt;"+jobs[progression[max][i]]['description']+"&lt;/div&gt;&lt;/li&gt;");
              }
  
              $("#results").append("&lt;/ul&gt;");
  </code></pre>
  
  <p>Any help demystifying this would be greatly appreciated.</p>