title: Filter options in second select based on option selected in first select
body: <p>I want to filter second select (#group_2) based on first select (#group_1), but it need to be filtered based on title attribute containgin title from #group_1 and sorted alphabetical skipping first option because it's (-- select --)</p>
  <pre><code>&lt;select id=&quot;group_1&quot;&gt;
     &lt;option title=&quot;BMW&quot;&gt;BMW&lt;/option&gt;
     &lt;option title=&quot;Toyota&quot;&gt;Toyota&lt;/option&gt;
     &lt;option title=&quot;Ford&quot;&gt;Ford&lt;/option&gt;
  &lt;select&gt;
  
  &lt;select id=&quot;group_2&quot;&gt;
     &lt;option title=&quot;BMW X3&quot;&gt;BMW X3&lt;/option&gt;
     &lt;option title=&quot;BMW F30&quot;&gt;BMW F30&lt;/option&gt;
     &lt;option title=&quot;Toyota Yaris&quot;&gt;Toyota Yaris&lt;/option&gt;
     &lt;option title=&quot;Toyota Corolla&quot;&gt;Toyota Corolla&lt;/option&gt;
     &lt;option title=&quot;Ford Forcus&quot;&gt;Ford Focus&lt;/option&gt;
     &lt;option title=&quot;Ford Forcus&quot;&gt;Ford K&lt;/option&gt;
  &lt;select&gt;
  </code></pre>
  <pre><code>$('#group_2').first().hide();
  $(&quot;#group_1&quot;).change(function() {
  if ($(this).data('options') === undefined) {
    $(this).data('options', $('#group_2 option').clone());
    $('#group_2').first().show();
  }
  var id = $(this).attr('title');
  var options = $(this).data('options').filter('[title*=' + id + ']');
  $('#group_2').html(options);
  });
  </code></pre>
  <p>And the result is that I can select #group_1 (#group_2 is hidden but if I check it in source code options are avaiable) and after selection #group_1, #group_2 is showing but options are deleted (select list is empty)</p>