title: Jquery onchange Ajax
body: <p><br>
  i made a function that sends data (ajax) to the database and depending on the response from the server i need to alert a message but it seems like whenvever i change the select option i get the alert message for each change(if i change the select four times when i click i get the alert four times ) , but if i remove my ajax function and replace it simply by an alert i get it once not repeating itself  here is my JS </p>
  
  <pre><code>        $('.select_ids').change(function () {
              var id = $(this).val();
              var form = $('#form_widget_ids_' + id);
              var container = form.parent('.ewb_forms');
              var box = container.parent('.edit_widget_box');
  
              container.children('.selected').fadeOut(300, function () {
                  $(this).removeClass('selected');
                  form.fadeIn(300, function () {
                      $(this).addClass('selected');
                  });
              });
              Widget.updateSSOUrl(box);
  
              $.ajax({
                  type: "POST",
                  url: window.location + "",
                  data: {'id': id}
  
              }).done(function (msg) {
  
                  $(".red").on('click', function (evt) {
                      if ('done' == msg) {
                          evt.preventDefault();
                          alert('NOP');
                      }
                  })
  
  
  
              });
          });
  </code></pre>