title: bootstrap selectpicker dynamic select not posting selected value
body: <p>I have two bootstrap selectpickers, of which one is dynamically filled with options based on the first.  That part seems to be working properly, however, the selected option of the second isn't getting set when I post the form.  It just keeps the first item in the list selected no matter what you select.  </p>
  
  <p>I've used the selectpicker.refresh() so that the values are filled in the select correctly.   Here is my code that I fill the dynamic select with:</p>
  
  <pre><code>jQuery("#field_c7vkw42").empty(); //To reset courts
  jQuery("#field_c7vkw42").append("&lt;option value=''&gt;--Select--&lt;/option&gt;");
  jQuery(arr).each(function(i) { //to list counties
  jQuery("#field_c7vkw42").append("&lt;option value=\"" + arr[i].value +  "\"&gt;" + arr[i].display + "&lt;/option&gt;")
  jQuery('#field_c7vkw42').selectpicker('refresh');
  </code></pre>
  
  <p>If you'd like to see the live form <a href="https://funnydriving.com/aaabbb/" rel="nofollow">https://funnydriving.com/aaabbb/</a> and it's on step 2 where you choose the court.  Right now I have it to validate, so you will see no matter what you select it thinks it's empty?</p>