Checkbox not working with materializecss - HTML, CSS : <p>I can't seem to get checkbox to work whilst using the materializecss, as anyone else came cross this issue and managed to fix it?</p>

<p>The library I am using: </p>

<pre><code>&lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css"&gt;
</code></pre>

<p>Checkbox without library - <a href="https://jsfiddle.net/d2yk4sbv/2/" rel="noreferrer">https://jsfiddle.net/d2yk4sbv/2/</a></p>

<pre><code>     &lt;div&gt;&lt;label&gt; &lt;input type=checkbox&gt; label 1 &lt;/label&gt;&lt;/div&gt;
</code></pre>

<p>Checkbox with library - <a href="https://jsfiddle.net/d2yk4sbv/" rel="noreferrer">https://jsfiddle.net/d2yk4sbv/</a></p>

<pre><code>    &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css"&gt;
            &lt;div&gt;&lt;label&gt; &lt;input type=checkbox&gt; label 1 &lt;/label&gt;&lt;/div&gt;
</code></pre>

<p>The checkbox seems to be working fine without the library but the problem is, my application depends on using the materializecss so I can't afford to not use it :(</p>

<p>Link to the materializecss website - <a href="http://materializecss.com/" rel="noreferrer">http://materializecss.com/</a></p>
