title: Filtering second select list based on first select list
body: <p>I have some time zones in a second select list, that I want to filter by a first select list that contains countries. </p>
  
  <p>Select list 1 (Just some example time zones and countries):</p>
  
  <pre><code>&lt;select id="field_81" class="form-control" name="field_81" required&gt;
      &lt;option value=""&gt;Please select your country&lt;/option&gt;
      &lt;option value="Afghanistan"&gt;Afghanistan&lt;/option&gt;
      &lt;option value="Albania"&gt;Albania&lt;/option&gt;
      &lt;option value="Algeria"&gt;Algeria&lt;/option&gt;
      &lt;option value="American Samoa"&gt;American Samoa&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Select list 2:</p>
  
  <pre><code>&lt;select id="field_414" name="field_414" required&gt;
      &lt;option value=""&gt;Please select your timezone&lt;/option&gt;
      &lt;option value="Africa/Abidjan" data-country="Cote d'Ivoire"&gt;Africa/Abidjan&lt;/option&gt;
      &lt;option value="Africa/Accra" data-country="Ghana"&gt;Africa/Accra&lt;/option&gt;
      &lt;option value="Africa/Addis_Ababa" data-country="Ethiopia"&gt;Africa/Addis_Ababa&lt;/option&gt;
      &lt;option value="Africa/Algiers" data-country="Algeria"&gt;Africa/Algiers&lt;/option&gt;
      &lt;option value="Africa/Asmara" data-country="Eritrea"&gt;Africa/Asmara&lt;/option&gt;
      &lt;option value="Africa/Bamako" data-country="Mali"&gt;Africa/Bamako&lt;/option&gt;
      &lt;option value="Africa/Bangui" data-country="Central African Republic"&gt;Africa/Bangui&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Here is my jQuery:</p>
  
  <pre><code>&lt;script&gt;
      jQuery("#field_81").change(function() {
          if (jQuery(this).data('options') == undefined) {
              /*Taking an array of all options-2 and kind of embedding it on the select1*/
              jQuery(this).data('options', jQuery('#field_414 option').clone());
          }
          var id = jQuery(this).val();
          var options = jQuery(this).data('options').filter('[data-country=' + id + ']');
          jQuery('#field_414').html(options);
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>It works fine for country names that consist of a single word, but any country names with spaces do not work. I can't see where I am going wrong.</p>