脚本不能使用新版本的jQuery

Question

my script run very good with jquery 1.2.4 but i don't want use 2 different version of jquery so how can i resolve my problem?

$(document).ready(function(){
  $("#username").change(function() { 
    var usr = $("#username").val();

    if(usr.length >= 3)
    {
      $.ajax({  
        type: "POST",  
        url: "check.php",  
        data: "username="+ usr,  
        success: function(msg) {  
          alert(msg);

          $("#status").ajaxComplete(function(event, request, settings){ 
            if(msg == 'OK')
            { 
              $("#username").removeClass('object_error'); // if necessary
              $("#username").addClass("object_ok");
              $(this).html('&nbsp;<img src="accepted.png" align="absmiddle"> <font color="Green"> Available </font>  ');
            }
            else  
            {  
              $("#username").removeClass('object_ok'); // if necessary
              $("#username").addClass("object_error");
              $(this).html(msg);
            }
          });
        } 
      }); 
    }
    else
    {
      $("#status").html('<font color="red">The username should have at least <strong>3</strong> characters.</font>');
      $("#username").removeClass('object_ok'); // if necessary
      $("#username").addClass("object_error");
    }
  });
});

When i add a new jquery version my alert(msg) return the value of my php echo so i modified a litle bit my php code and now i get the correct msg value but my text won't display

    $("#username").removeClass('object_ok'); // if necessary
    $("#username").addClass("object_error");
    $(this).html(msg); 

same result if i add

<label id="errorusername" class="rederror">
document.getElementById('errorusername').innerHTML="Username ne doit pas etre vide";

Answer 1

You will change $("#status").ajaxComplete to $(document).ajaxComplete, and I think you will change $(this).html(msg); to $('#status').html(msg); also.