FlipSwitch + jQuery
<p>I am tending to implement FlipSwitch into my site (<a href="http://proto.io/freebies/onoff/" rel="nofollow">http://proto.io/freebies/onoff/</a>).
I am also trying to give the checkboxes some behavior when they are cliked on. If there are several checkboxes, only one can be active at the time, very much like radio-button functionality. I have used this example for the jQuery code: <a href="http://jsfiddle.net/m5EuS/1/" rel="nofollow">http://jsfiddle.net/m5EuS/1/</a></p>

<p>When implementing this onto my site it is not working as desired. It seems like the jQuery script isnt beeing triggered. Any help or comments on this is highly appreciated.</p>

<p>Here is the HTML</p>

<pre><code>&lt;div class="onoffswitch"&gt;
&lt;input type="checkbox" name="onoffswitch[1][]" class="onoffswitch-checkbox" id="myonoffswitch1" value="1" checked&gt;
&lt;label class="onoffswitch-label" for="myonoffswitch1"&gt;
&lt;div class="onoffswitch-inner"&gt;&lt;/div&gt;
&lt;div class="onoffswitch-switch"&gt;&lt;/div&gt;
&lt;/label&gt;

&lt;input type="checkbox" name="onoffswitch[1][]" class="onoffswitch-checkbox" id="myonoffswitch2" value="1" checked &gt;
&lt;label class="onoffswitch-label" for="myonoffswitch2"&gt;
&lt;div class="onoffswitch-inner"&gt;&lt;/div&gt;
&lt;div class="onoffswitch-switch"&gt;&lt;/div&gt;
 &lt;/label&gt;

&lt;input type="checkbox" name="onoffswitch[1][]" class="onoffswitch-checkbox" id="myonoffswitch3" value="1" checked&gt;
&lt;label class="onoffswitch-label" for="myonoffswitch3"&gt;
&lt;div class="onoffswitch-inner"&gt;&lt;/div&gt;
&lt;div class="onoffswitch-switch"&gt;&lt;/div&gt;
&lt;/label&gt;
&lt;/div&gt;
</code></pre>
