JQuery Перемещение из одной коробки в другую

Question

Я изо всех сил пытаюсь получить код, работающий на моем сайте, хотя он работает в JSFiddle.

У меня есть этот скрипт в теле.

<script type="text/javascript" src="jquery-1.9.1.min.js"></script> 
<script> 
$('.add').click(function(){ 
$('#first option:selected').appendTo('#second'); 
}); 
$('.remove').click(function(){ 
$('#second option:selected').appendTo('#first'); 
}); 
$('.add-all').click(function(){ 
$('#first option').appendTo('#second'); 
}); 
$('.remove-all').click(function(){ 
$('#second option').appendTo('#first'); 
}); 
</script> 

И у меня есть это, чтобы выполнить сценарий.

<div id="input14"> 
    <select id="first" multiple="true"> 
     <option value="something@something.com"> test </option> 
     <option value="something@something.com"> something@something.com </option> 
     <option value="something@something.com"> something@something.com </option> 
     <option value="something@something.com"> something@something.com </option> 
     <option value="something@something.com"> something@something.com </option> 
    </select> 
    </div> 

    <div id="button14"> 



     <center> 
     <br /> 
     <button class='add'> > </button><br /> 
     <button class='remove'> < </button><br /> 
     <button class='add-all'> >>> </button><br /> 
     <button class='remove-all'> <<< </button> 
     </center> 
    </div> 

    <div id="error14"> 

     <select id="second" multiple="true"> 

     </select> 



    </div> 

Как я сказал, что работает в JSFiddle, но не на моем локальном хосте, здесь установка JSFiddle http://jsfiddle.net/8nezD/1/

Пожалуйста, может кто-нибудь показать мне ошибку моего пути!

Благодаря

Answer 1

Оберните JQuery в документ, готовый вызов

$(document).ready(function() { 
    $('.add').click(function() { 
     $('#first option:selected').appendTo('#second'); 
    }); 
    $('.remove').click(function() { 
     $('#second option:selected').appendTo('#first'); 
    }); 
    $('.add-all').click(function() { 
     $('#first option').appendTo('#second'); 
    }); 
    $('.remove-all').click(function() { 
     $('#second option').appendTo('#first'); 
    }); 
}); 

Причина она работает на jsFiddle потому, что сайт оборачивает это для вас автоматически.