title: After selecting option in dropdown menu append new input field
body: <p>After selecting 'other' option in dropdown menu, I want a new input field to appear after dropdown menu, but nothing is happening.</p>
  
  <pre><code> &lt;div style="margin-right:20px" id='degree'&gt;
       &lt;label for='college_name'&gt;Degree&lt;/lable&gt;&lt;/br&gt;
       &lt;select style="width: 400px" class='degree-selected'&gt;
           &lt;option&gt;High school&lt;/option&gt;
           &lt;option&gt;Bachler's degree&lt;/option&gt;
           &lt;option&gt;Master's degree&lt;/option&gt;
           &lt;option&gt;Doctor of philosophy (Ph.D)&lt;/option&gt;
           &lt;option id='hello'&gt;other&lt;/option&gt;
       &lt;/select&gt;
   &lt;/div&gt;
  
  
   &lt;script type="text/javascript"&gt;
       $(document).ready(function(){
           $("#hello").click(function(){
               alert('degree');
                   $('#degree').append('&lt;div style="margin-right:20px;"&gt;&lt;label for="college_name"&gt;&lt;/lable&gt;&lt;input type="text" placeholder=""&gt;&lt;/div&gt;');
           });
       });
   &lt;/script&gt;
  </code></pre>