title: initializing radio buttons added dynamically in materialize
body: <p>I have an ajax request that generates a modal window with radio buttons dynamically.  </p>
  
  <p>I see in the <a href="http://materializecss.com/forms.html" rel="noreferrer">materialize documentation</a> that you can execute <code>material_select()</code> to get <code>selects</code> working correctly however, I don't see in the documentation how to initialize a <code>radio</code> dynamically.</p>
  
  <p><strong>How do i initialize dynamically loaded radio buttons?</strong></p>
  
  <p>For reference here is in example modal that I am loading dynamically:</p>
  
  <pre><code>&lt;div id="import-modal" class="modal modal-fixed-footer"&gt;
      &lt;div class="modal-content"&gt;
          &lt;h4&gt;Import Data&lt;/h4&gt;
          &lt;p&gt;
              &lt;input name="import-group" type="radio" id="import-modal-csv"/&gt;
              &lt;label for="import-modal-csv"&gt;Csv&lt;/label&gt;
              &lt;div&gt;Import a csv file.&lt;/div&gt;
          &lt;p/&gt;
          &lt;p&gt;
              &lt;input name="import-group" type="radio" id="import-modal-excel"/&gt;
              &lt;label for="import-modal-excel"&gt;Excel&lt;/label&gt;
              &lt;div&gt;Import a excel file.&lt;/div&gt;
          &lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
          &lt;a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat "&gt;Import&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>edit 1</strong></p>
  
  <p>i'm adding the above div dynamically via <code>jquery</code> to a parent container on <code>click</code> of a button:</p>
  
  <pre><code>        import_click: function(){
              $.ajax({
                  url: 'template/import.html',
                  success: function (response) {
                      $('#container').append(response);
                  }
              });
          }
  </code></pre>