title: Weird Buttonset behavior
body: <p>I have:</p>
  
  <pre><code>&lt;div id="wid_weekdays"&gt;
      &lt;input type="checkbox" name="weekday[]" checked="true" id="weekday1"&gt;
      &lt;label for="weekday1"&gt;MO&lt;/label&gt;
      &lt;input type="checkbox" name="weekday[]" checked="true" id="weekday2"&gt;
       &lt;label for="weekday2"&gt;TU&lt;/label&gt;
      &lt;input type="checkbox" name="weekday[]" checked="true" id="weekday3"&gt;
       &lt;label for="weekday3"&gt;WE&lt;/label&gt;
      &lt;input type="checkbox" name="weekday[]" checked="true" id="weekday4"&gt;
       &lt;label for="weekday4"&gt;TH&lt;/label&gt;
      &lt;input type="checkbox" name="weekday[]" checked="true" id="weekday5"&gt;
       &lt;label for="weekday5"&gt;FR&lt;/label&gt;
      &lt;input type="checkbox" name="weekday[]" checked="true" id="weekday6"&gt;
       &lt;label for="weekday6"&gt;SA&lt;/label&gt;
      &lt;input type="checkbox" name="weekday[]" checked="true" id="weekday7"&gt;
       &lt;label for="weekday7"&gt;SU&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>$(function(){ $("#wid_weekdays").buttonset(); });
  </code></pre>
  
  <p>Mixed with a load of more code, which somehow causes:<br><br></p>
  
  <p><a href="https://imgur.com/XqCscHJ" rel="nofollow noreferrer"><img src="https://i.imgur.com/XqCscHJ.png" title="Hosted by imgur.com" /></a>
  <br>
  Libraries,stylesheets,etc:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="lib/jquery-ui/themes/ui-darkness/jquery-ui.css"&gt;
      &lt;link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css"&gt;
      &lt;link rel="stylesheet" href="lib/fullcalendar/fullcalendar.css"&gt;
      &lt;link rel="stylesheet" href="lib/jqGrid/css/ui.jqgrid.css"&gt;
      &lt;link rel="stylesheet" href="css/style.css"&gt;
      &lt;link rel="shortcut icon" href="images/favicon.png"&gt;
      &lt;script src="lib/jquery-ui/jquery-1.9.1.js"&gt;&lt;/script&gt;
      &lt;script src="lib/jquery-ui/plugins/globalize.js"&gt;&lt;/script&gt;
      &lt;script src="lib/jquery-ui/plugins/mousewheel.js"&gt;&lt;/script&gt;
      &lt;script src="lib/jquery-ui/plugins/shortcut.js"&gt;&lt;/script&gt;
      &lt;script src="lib/bootstrap/js/bootstrap.js"&gt;&lt;/script&gt;
      &lt;script src="lib/jquery-ui/ui/jquery-ui.js"&gt;&lt;/script&gt;
      &lt;script src="lib/fullcalendar/fullcalendar.js"&gt;&lt;/script&gt;
      &lt;script src="lib/jqGrid/js/jquery.jqGrid.min.js"&gt;&lt;/script&gt;
      &lt;script src="lib/jqGrid/js/i18n/grid.locale-en.js"&gt;&lt;/script&gt;
      &lt;script src="js/nav.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>HTML:
  <a href="http://pastebin.com/kNSDi8PW" rel="nofollow noreferrer">http://pastebin.com/kNSDi8PW</a><br>
  CSS: <a href="http://pastebin.com/dF2WLdDP" rel="nofollow noreferrer">http://pastebin.com/dF2WLdDP</a><br>
  If I paste this code into an empty file with nothing else on it, it works properly.<br>
  What can be causing this? And how can I fix that?</p>