title: Attaching external style sheet [or list of css style rules] to a fragment of html loaded via Ajax method
body: <p>What's the ideal way of attaching an external style sheet [or a relatively long list of style rules] to a fragment of HTML Loaded dynamically via the jQuery Ajax call? I'm aware the jQuery <strong>css</strong> method allows one to specify key:value pairs which translate to CSS attribute value pairs, but find it would take quite a block to declare a long list of rules in that format.</p>
  
  <p><strong>Context</strong>: </p>
  
  <p>I have a jQuery UI dialog box, that pops up [AJAX] with a table using the [DataTables][1] pagination feature. Now given Data tables comes with it's own set of Stylesheets, I'd like to apply the set to two style sheets to the tables in my <strong>Success</strong> call-back handler (*).</p>
  
  <p>Is there a way of doing this or am I going down the wrong path?</p>
  
  <p><strong>Note</strong>:</p>
  
  <p>I find that declaring the Data Tables style sheets directly in the head of my HTML document doesn't work when I invoke my dialog box? I therefore think I'd have to apply the style rules dynamically in my Success call-back handler.</p>