Uncaught ReferenceError: onclick

[phonex]

Добрый день ребят, помогите разобраться с бедой, на странице покупки выбираю товар, выходит это так:

<div class="shop-but" onclick="tryBuy('1','ItemName')">Купить</div>

в самом скрипте получаю хочу вывести алерт:

$(document).ready(function(){
function tryBuy(id,name){
alert("ID" + id + "Item" + name);
}
	});

в ответ в консоли получаю:

Uncaught ReferenceError: tryBuy is not defined onclick

[BETEPAH]

потому что функция находится в локальной области видимости у $(document).ready(function(){

<div class="shop-but" onclick="tryBuy('1','ItemName')">Купить</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script>
function tryBuy(id,name){
  alert("ID" + id + "Item" + name);
}
</script>

или так

<div class="shop-but" onclick="tryBuy('1','ItemName')">Купить</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script>
$(document).ready(function(){
  window.tryBuy = function (id,name){
    alert("ID" + id + "Item" + name);
  }
});
</script>