title: overlapping of label and value on input text box in materialize in ember
body: <p>i have installed materialize plugin in my ember app using 'bower install materialize'</p>
  
  <p>i have created a form in my hbs--</p>
  
  <pre><code>&gt; &lt;div class="input-field col s12 m12 l8"&gt;
  &gt;               &lt;i class="material-icons prefix"&gt;email&lt;/i&gt;
  &gt;               {{input id="email" type="text" name="email" class="validate" value="overlap"}}
  &gt;               &lt;label for="email"&gt;Email&lt;i class="mandatoryIcon"&gt;*&lt;/i&gt;&lt;/label&gt;
  &gt;             &lt;/div&gt;
  </code></pre>
  
  <p>but in ui this label and value are getting overlapped. need to fix this issue..
  how to do ????</p>