title: Jquery change select value not working
body: <p>I'm trying to set the select option with jquery but it's not working properly. It actually set the value but the text is not updated.</p>
  
  <p>I have tried with <code>.prop('selected',true)</code>, <code>.attr('selected',true)</code>, <code>.prop('selected','selected')</code>, <code>.val()</code> and <code>.val().change()</code> but nothig seems to work</p>
  
  <p>Here is the select</p>
  
  <pre><code>&lt;select class="input-field" id="equip_type" name="equip_type"&gt;
      &lt;option value="" disabled selected&gt;Tipo de Equipo &lt;/option&gt; 
      &lt;option value="0"&gt;equip_type_other&lt;/option&gt;
      &lt;option value="1"&gt;equip_type_desktop&lt;/option&gt;
      &lt;option value="2"&gt;equip_type_laptop&lt;/option&gt;
      &lt;option value="3"&gt;equip_type_tablet&lt;/option&gt;
      &lt;option value="4"&gt;equip_type_printer&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I'm going to set the option within an ajax function, so the value came from the function. This is what I'm currently trying</p>
  
  <pre><code>$('#equip_type').val(data.equipType).change();
  </code></pre>
  
  <p>I have use the same method with other forms, but just this one is causing this truble. Is there something I'm missing?</p>