title: Materialize css Radio buttons not visible
body: <p>I am trying to add materialize radio buttons onto my page but for some reason the actual radio buttons do not show up, It's a sharepoint site where I am linking to the materialize js and css files, the other text input fields are working and I just copied and pasted the example from the materialize docs. While looking for an answer to the problem I noticed that on one of the docs pages from google the same issue was happening. I've attached a screenshot of this and it can be found here. Any idea how I can get these radio icons to show up? </p>
  
  <p><a href="http://materializecss.com/forms.html" rel="nofollow noreferrer">http://materializecss.com/forms.html</a> </p>
  
  <p><a href="https://i.stack.imgur.com/8O4SK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8O4SK.png" alt="enter image description here"></a></p>
  
  <p>Edit: Here is my example code </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css"&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"&gt;&lt;/script&gt;
  
      &lt;/head&gt;
      &lt;body&gt;
        &lt;form action="#"&gt;
          &lt;p&gt;
            &lt;label&gt;
              &lt;input name="group1" type="radio" checked /&gt;
              &lt;span&gt;Red&lt;/span&gt;
            &lt;/label&gt;
          &lt;/p&gt;
          &lt;p&gt;
            &lt;label&gt;
              &lt;input name="group1" type="radio" /&gt;
              &lt;span&gt;Yellow&lt;/span&gt;
            &lt;/label&gt;
          &lt;/p&gt;
          &lt;p&gt;
            &lt;label&gt;
              &lt;input class="with-gap" name="group1" type="radio"  /&gt;
              &lt;span&gt;Green&lt;/span&gt;
            &lt;/label&gt;
          &lt;/p&gt;
          &lt;p&gt;
            &lt;label&gt;
              &lt;input name="group1" type="radio" disabled="disabled" /&gt;
              &lt;span&gt;Brown&lt;/span&gt;
            &lt;/label&gt;
          &lt;/p&gt;
        &lt;/form&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>and I want it to show up like it does here </p>
  
  <p><a href="http://materializecss.com/radio-buttons.html" rel="nofollow noreferrer">http://materializecss.com/radio-buttons.html</a></p>