Всем доброго времени суток

 Подскажите пожалуйста у меня есть код 
$('.hrspan').dblclick(function (){
     var posledniy_symvol;
     var premen =  this.innerHTML;
     var value = this.id;
     document.getElementById("vozmcvet").innerHTML = document.getElementById("vozmcvet").innerHTML + '<div value=\''+value+'\' class=\'SpanVvod\' id=\''+value+'\'>'+premen+'</div>'
     document.getElementById('hiden-val').value = document.getElementById('hiden-val').value+value+',';
     this.remove();
							
$('.SpanVvod').mouseover(function (){
     $(this).toggleClass('on');
     return false;
});
						
$('.SpanVvod').mouseout(function (){
     $(this).toggleClass('on');
     return false;
});
$('.SpanVvod').dblclick(function (){
     var StrokaEnd ;
     var MesStroka = document.getElementById('hiden-val').value.split(",");
     var MesId =  this.id;
     for (var i = 0; i < MesStroka.length; i++)
         {
          if (MesStroka[i] == MesId)
               {
                MesStroka.splice(i,1);
                }
         }
      document.getElementById('hiden-val').value = MesStroka;
      this.remove();
      return false;
});
что делает код:
При двойном нажатии на определенный див мы его перемещаем из одного дива в другой. Второй скрипт просто удаляет тот див при двойном нажатии на который нажали. так же меняем value у input.
Вобщем история следущая. Первый скрипт работает а вот второй нет, но когда помещеш второй скрипт в тело первого он начинает работать. почему так и как можно и нужно с таким справляться. Мне не надо чтоб он был в теле другого.