title: Getting chips data in Materialize css through Post
body: <p>I am trying to get the data using the Materilize css's chips. But no data is received when I try to submit it using a form.
  I checked that the input fields value was null once I added the chips.</p>
  
  <p>I wrote a jquery code to verify this</p>
  
  <pre><code>$('#showvalues').on('click', function(){
      alert($('#emotiontags').val())   
  })
  </code></pre>
  
  <p>and my chips code looks like </p>
  
  <pre><code>&lt;div class="chips chips-autocomplete col s4 offset-s3"&gt;
      &lt;input placeholder="You Emotions" id="emotiontags" type="text" 
      name="emotiontags"&gt;
  &lt;/div&gt;
  
  &lt;button class="btn waves-effect waves-light" id="showvalues"&gt;
     Show values
     &lt;i class="material-icons right"&gt;send&lt;/i&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>Here is its out with normal text <a href="https://i.stack.imgur.com/Sd1Zp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Sd1Zp.png" alt="enter image description here"></a></p>
  
  <p>and here is the output when I try to add chips<a href="https://i.stack.imgur.com/Q8WNu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Q8WNu.png" alt="enter image description here"></a> </p>