title: jQuery UI Checkbox not showing
body: <p>I have:</p>
  
  <pre><code>&lt;input name="ShowDeleted" type="checkbox" /&gt;
  &lt;label for="ShowDeleted"&gt;Show Deleted&lt;/label&gt;
  </code></pre>
  
  <p>and in my JavaScript, I have:</p>
  
  <pre><code>$('input[type=checkbox]').button();
  </code></pre>
  
  <p>The way that I call that I call jQuery is:</p>
  
  <pre><code>&lt;script src="http://www.google.com/jsapi"&gt;&lt;/script&gt;
  &lt;script src="myGoodness.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And then the Javascript is:</p>
  
  <pre><code>google.load("jquery", "1");
  google.load("jqueryui", "1");
  var myLoadCallback = function() {
      $('input[type=checkbox]').button();
  };
  google.setOnLoadCallback(myLoadCallback);
  </code></pre>
  
  <p>Q: Why am I not seeing a jQuery UI styled checkbox?  Is it because myLoadCallback is being called after jQuery loads but before jQuery UI loads?</p>
  
  <p>In Firebug, I see that the input has class ui-helper-hidden-accessible added to it.</p>