title: Switchery dynamically change disabled option
body: <p>I have multiple checkboxes on the page that are converted into Switcheries like this:</p>
  
  <pre><code>$(document).ready(function () {
              $("input[type=checkbox]").each(function (index, element) {
                  var init = new Switchery(element, {
                      size: 'small', color: '#477FC5', secondaryColor: '#CCCCCC'
                  });
              });
          });
  </code></pre>
  
  <p>So I have eventually the markup:</p>
  
  <pre><code>&lt;input type="checkbox" id="checkbox_1" value="baz" data-switchery="true" style="display: none;"&gt;
  &lt;span class="switchery switchery-small" style="box-shadow: rgb(71, 127, 197) 0px 0px 0px 11px inset;"&gt;
      &lt;small style="left: 13px; transition: background-color 0.4s, left 0.2s; background-color: rgb(255, 255, 255);"&gt;&lt;/small&gt;
  &lt;/span&gt;
  &lt;input type="checkbox" id="checkbox_2" value="baz" data-switchery="true" style="display: none;"&gt;
  &lt;span class="switchery switchery-small" style="box-shadow: rgb(71, 127, 197) 0px 0px 0px 11px inset;"&gt;
      &lt;small style="left: 13px; transition: background-color 0.4s, left 0.2s; background-color: rgb(255, 255, 255);"&gt;&lt;/small&gt;
  &lt;/span&gt;
  &lt;input type="checkbox" id="checkbox_3" value="baz" data-switchery="true" style="display: none;"&gt;
  &lt;span class="switchery switchery-small" style="box-shadow: rgb(71, 127, 197) 0px 0px 0px 11px inset;"&gt;
      &lt;small style="left: 13px; transition: background-color 0.4s, left 0.2s; background-color: rgb(255, 255, 255);"&gt;&lt;/small&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>UI:
  <a href="https://i.stack.imgur.com/5ZvXH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5ZvXH.png" alt="enter image description here"></a></p>
  
  <p>I want to dynamically disable or enable these switcheries after some events. But I cannot correctly select the switchery to disable, because there are multiple switcheries on the page, and the following code does not work for me:</p>
  
  <pre><code>$(".main-checkbox").change(function () {
                  var id = 3;
                  var switchery = new Switchery($("#checkbox_" + id));
                  if ($(this).is(":checked")) {
                      switchery.disable();
                  } else {
                      switchery.enable();
                  }
              });
  </code></pre>
  
  <p>What can I do to make it work as expected?</p>