Javascript question: TypeError: $(...).on is not a function

I'm using the following script. Can anyone help debug? Thank you!

<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function() { // script wrapper

      $('textarea, input').on('blur', function() {
            var itemID = $(this).attr('id');
            var itemVal = $(this).val();
            var itemVal = itemVal.replace(/\n/g, '<br />');
            var itemVal = itemVal.replace(/&/g, 'and');
            var itemstring = "ID=" + itemID + "&value=" + itemVal;

            processChange(itemstring);
      });

      function processChange(itemstring){
            //console.log(itemstring);
            //return false;
            $.ajax({
                  type: "GET",
                  url: "php/update.php",
                  data: itemstring,
                  complete: function(data) {
                        var Resp = data.responseText;
                        //console.log(Resp);
                  },
                  success: function() {
                        $('#saved').css('display', 'block');
                        setTimeout(function() {
                              $('#saved').animate({
                                    opacity: 0,
                              }, 500, function(){
                                    $('#saved').css('display', 'none').css('opacity', '1');
                              });
                        }, 1000);
                  }
            });
      }// end ProcessChange

}); // end script wrapper

</script>

</head>

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

LVL 22

Russ SuterSenior Software DeveloperCommented: 2015-09-14

Your jQuery reference is for a very old version. Update your reference.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial

willsherwoodAuthor Commented: 2015-09-14

thank you

Javascript question: TypeError: $(...).on is not a function

Who is Participating?