Quiero cambiar mi documento js en HTML. el código HTML así:

 <div id="content_FoodSales_bar" class="p_chart> <script id="box1" type="text/javascript" src="../scripts/FoodSales_bar_mysql.js"></script>; </div>

y quiero cambiar el atributo src en el script. el documento javascript para lograr eso así:

 $('#box1').attr("src",'../scripts/FoodSales_bar2_mysql.js');

y esto:

 document.getElementById('box1').src='../scripts/FoodSales_bar2_mysql.js';

pero ambos no pueden funcionar. ¿Como lo puedo hacer?