title: how to create Drop Down dynamically?
body: <p>i'm trying to populate dropdown when there is some changes in root drop down but its not working .
  <strong>code :</strong></p>
  
  <pre><code>$('#book_selection').change(function(){
      alert("changed");
      var option = document.createElement("option");
      option.text = 'df';
      option.value = 'df';
      var temp = document.createElement('select');
      temp.appendChild(option);
      var root = document.getElementById('book_selection');
      root.appendChild(temp);
      alert("done");
  });
  </code></pre>