title: Jquery dialog dialog is not a function
body: <p>I'm trying to use jquery dialog in my application, but it won't work, it says TypeError: $(...).dialog is not a function from mozilla console, this is my code</p>
  
  <pre><code>&lt;link rel="stylesheet" href="css/jquery-ui.css"&gt;
  &lt;script src="js/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="js/jquery-ui.js"&gt;&lt;/script&gt;
  
  
  
  &lt;div id="dialog-message" title="Important information"&gt;
      &lt;div style="margin-left: 23px;"&gt;
          &lt;p&gt;
              We're closed during the winter holiday from 21st of December, 2010 until 10th of January 2011.
          &lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script &gt;
      $(function() {
  
          $("#dialog-message").dialog({
              modal: true,
              draggable: false,
              resizable: false,
              position: ['center', 'center'],
              width: 500,
              height: 250,
              dialogClass: 'ui-dialog-osx',
              buttons: {
                  "I've read and understand this": function() {
                      $(this).dialog("close");
                  }
              }
          });
  
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I'm working on an app which uses other javascript libraries, and to avoid the conflict, I put my dialog script after I use jquery files, but still the same problem. What might be the problem??</p>