title: cannot set property 'color' of undefined
body: <p>I'm trying to create a custom error message and styling based on validation (I know about plugins, but the time involved in coordinating the validation plugin with Materialize is too much for a single field).</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="input-field inline center-align"&gt;
    &lt;input id="quantity" name="quantity" type="number" class=""&gt;
    &lt;label for="qty" data-error="wrong" data-success="right" 
         class="active"&gt;Qty&lt;/label&gt;
    &lt;span id="qty-error"&gt;really?&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$('#quantity').change(function(){
    var $Qty = $(this).val();
    var $Label = $('#qty-error');
    if ($Qty &gt; 0 &amp;&amp; $Qty &lt;= $AvailTix){
        $Label.html('seems reasonable');
        $Label.style.color = '#8e8ef5';
        $(this).addClass('valid');
    } else if ($Qty &lt; 1){
        $Label.html('really?');
        $Label.style.color ='#f96d63';
        $(this).addClass('invalid');
    }
  });
  </code></pre>
  
  <p>What's confusing me is that the <code>$Label.html</code> piece is working. It changes the text. But I get this error in the console for the <code>$Label.style.color</code> line:</p>
  
  <p><code>Uncaught TypeError: Cannot set property 'color' of undefined</code></p>