title: jQuery UI autocomplete fire new event after selecting an item
body: <p>I am using jQuery UI autocomplete and I am trying to implement some code where once the user has picked an item from the autocomplete dropdown it calls another function. I have looked at the API documentation but with little progress.</p>
  
  <pre><code> // Call LookUpGroupName ActionResult in UserManager Controller
   $("#group_name").autocomplete(
       '@Url.Action("LookUpGroupName", "UserManager")', {
       dataType: 'json',
       parse: function (data) {
           var rows = new Array();
           for (var i = 0; i &lt; data.length; i++) {
               rows[i] = {
                   data: data[i],
                   value: data[i].group,
                   result: data[i].group
               }
           }
           return rows;
       },
       formatItem: function (row, i, max) {
           return row.group;
       },
       width: 300,
       highlight: false,
       multiple: false,
       open: function () {
           alert("changed");
       }
  
   }); // End of autocomplete
  </code></pre>
  
  <p>Once I have selected an item I want to fire a function which displays an alert. How do I do this?</p>