title: Jquery Switchery checkbox disable created new checkbox on page
body: <p>i struggle to disable the Switchery checkbox
  but it creates me another Switchery checkbox on page .
  i first define the checkbox which is working great:</p>
  <pre><code>&lt;div class=&quot;form-group&quot;&gt;
      &lt;label class=&quot;col-md-2&quot;&gt;
          Additional Options
      &lt;/label&gt;
      &lt;div class=&quot;col-md-3&quot;&gt;
          &lt;div class=&quot;&quot;&gt;
              &lt;label&gt;
                  &lt;input type=&quot;checkbox&quot; id=&quot;foo1&quot;
                         name=&quot;foo1&quot; class=&quot;js-switch&quot;/&gt;
              &lt;/label&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>now after the page loaded, i dynamically want to disable the checkbox so I do :</p>
  <pre><code>var foo1=  document.getElementById('foo1')
  var switchery = new Switchery(foo1);
  switchery.disable();
  </code></pre>
  <p>it disable the checkbox BUT it creates me new checkbox near the one i defined already
  i don't understand why
  <a href="https://i.stack.imgur.com/KKYJd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KKYJd.png" alt="enter image description here" /></a></p>