Adding Scroll to Div Function With UI Auto Complete

Adding Scroll to Div Function With UI Auto Complete

Can you please take a look at This Demo  and let me know how I can enable scroll to div of selected item from auto complete?

  2. $(document).ready(function () {
  3.     $('#tags').on('change', function () {
  4.         $('#tagsname').html('You selected: ' + this.value);
  5.         $('html,body').animate({
  6.                scrollTop: $("#"+ this.value).offset().top
  7.          });
  8.     }).change();
  9.     $('#tags').on('autocompleteselect', function (e, ui) {
  10.         $('#tagsname').html('You selected: ' + ui.item.value);
  11.     });
  12. });
but I am getting this error 


Uncaught TypeError: Cannot read property 'top' of undefined