Labels and text overlap in form if attribute 'value' set in input type 'text', 'email'.

<div class="row">

    <div class="col s6 input-field">
        <input type="text" id="fname" required value="James">
        <label for="fname">First Name</label>
    </div>

    <div class="col s6 input-field">
         <input type="text" id="lname" required value="Potter">
         <label for="lname">Last Name</label>
    </div>

</div>

Expected output:

I am using Version 0.9

[Dogfalo]

if you are loading it in ajax just add class active to the label

[mcifone]

@james12 Try this: execute Materialize.updateTextFields(); after the ajax call instead of adding active classes