title: Bootstrap Multiselect - Update Dynamically Updated Menu
body: <p>I have two select menus. One has a list of departments with the ID of <code>department-list</code> and the other has an ID of <code>team-list</code>.</p>
  
  <p>Using <a href="http://davidstutz.github.io/bootstrap-multiselect/" rel="nofollow noreferrer">Bootstrap Multiselect</a> on both. </p>
  
  <p>When someone chooses a department, this jQuery is triggered</p>
  
  <pre><code>$.ajax({
      type: "POST",
      url: "/getTeamsAll/",
      success: function(data){
          $("#team-list").html(data);
      }
  });
  </code></pre>
  
  <p>So, without the plugin, it works as intended, however with the plugin, the team list isn't updated. I've tried using <code>.multiselect('rebuild')</code> and <code>.multiselect('refresh')</code> to no luck in addition to the above. Any advice?</p>