title: how to apply a jQuery UI theme?
body: <p>This is a total n00b question.  I am trying out using JQuery UI and it doesn't seem like the JQuery CSS is making any difference in my HTML file.</p>
  
  <p>Here are the steps that I took:
  1) picked out a theme and included a link to it (I tried both remote and local)</p>
  
  <pre><code>&lt;link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-darkness/jquery-ui.css" type="text/css" rel="stylesheet" &gt;
  </code></pre>
  
  <p>2) set up a class for a button to use the theme:</p>
  
  <pre><code>&lt;button class="ui-button" id='button 1'&gt;hello world&lt;/button&gt;
  </code></pre>
  
  <p>At this point in time I thought that's all that it would take.  I read through some tutorials and they all assume that all the themes work out of the box and concentrate mainly on tweaking them.</p>
  
  <p>What's the bare minimum to get started?</p>
  
  <p>Final HTML document:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;jQuery demo&lt;/title&gt;
  
      &lt;link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-darkness/jquery-ui.css" type="text/css" rel="stylesheet" &gt;
  
      &lt;style&gt;
          a.test { font-weight: bold; }
      &lt;/style&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;a href="http://jquery.com/"&gt;jQuery&lt;/a&gt;
  &lt;button class="ui-button" id='button 1'&gt;hello world&lt;/button&gt;
  
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      $(document).ready(function(){
      });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>