title: Object doesn't support property or method 'dialog' - jquery
body: <p>I am getting an error in IE9 at the line jQuery( "#dialog:ui-dialog" ).dialog( "destroy" ); . 
  It says Object doesn't support property or method 'dialog'. </p>
  
  <pre><code>jQuery(function() {
      jQuery("#dialog:ui-dialog").dialog("destroy");
  
      jQuery("#dialog-message").dialog({
          modal: true,
          autoOpen: false,
          buttons: {
              Ok: function() {
                  jQuery(this).dialog("close");
                  window.location.href = '/gra/logout';
              }
          }
      });
  });
  </code></pre>
  
  <p>I have included the js files related to jquery like this:</p>
  
  <pre><code>  &lt;link type="text/css"   href="${resource(dir:'css',file:'jquery-ui-1.8.16.custom.css')}"  rel="stylesheet" /&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet"  href="${resource(dir:'css',file:'jquery.treeview.css')}"  /&gt;
      &lt;script src="${resource(dir:'js', file:'jquery.treeview.js')}" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="${resource(dir:'js', file:'jquery.treeview.edit.js')}" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="${resource(dir:'js', file:'jquery.treeview.async.js')}" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I know it depends on the order of includes but want to make sure am I missing a library?</p>