title: Do something when user changes the selection on select-option using JQuery
body: <p>I have a <code>Layout page</code> called <code>Layout.cshtml</code>
  On that page I have a <code>div</code> whose ID is <code>friendsList</code></p>
  
  <p>I have a <code>View</code> called <code>Users.cshtml</code>
  On that page I have a <code>select tag</code> whose ID is <code>AllowedFriends</code> and its value comes from the database</p>
  
  <p>Now, I need to <code>add</code> that <code>AllowedFriends</code> to <code>friendsList</code>, so I write the JQuery as below</p>
  
  <pre><code>$("#friendsList").append($("#AllowedFriends"));
  </code></pre>
  
  <p>Upto here it is fine.</p>
  
  <p>Now I want to show an alert or do something when <code>user changes the selection</code> on <code>AllowedFriends</code>.</p>
  
  <p>So I write the JQuery as below :</p>
  
  <pre><code>$("#AllowedFriends").change(function () {
   // do something
  });
  </code></pre>
  
  <p>But this does not work. I have tried to debug it. I used break point but this event never executes.</p>