Корзина js ajax
 

Доброе всем суток дня и ночи!
У меня короче проблема! Буду рад Вашей помощи!
У меня есть страничка продукта, где выбирается в интупуте количество продукта, в радио - две опции ну есть цена и название, при нажатии на кнопку БАЙ, у меня в окне что выше, должно появится название, количество, цена и опция которую выбрали. Страничка продукта сама передается с сервера ajax запросом, по этому я не знаю как это реализовать!

вот сам json который передается в продукт

<?php

$json = array ("id"=>1, 
               "title"=>"HANDMADE EMERALD CUT EMERALD RING", 
               "type" =>"Jewelry",
               "image"=>"product1.png",
               "price"=>"$550",
               "option1"=>"Option one",
               "option2"=>"Option two");
$outputs[1] = $json;
echo json_encode($outputs);

?>

Ну и так он вставляется:

$(document).ready(function(){ 
                var json;
                $("#showwindow").hide();
                $("#catalog").click(function(){
                    $("#showwindow").toggle('slow');
                   if(json){
                        json.abort;
                   }
                   json = $.ajax({
                       url: 'getproduct.php',
                       dataType: 'json',
                       success: function(data){
                           $.each(data, function(key, value){
                              $('#boxwindow').tmpl(value).appendTo('#showwindow'); 
                           });
                       }
                   });
                  $("#showwindow").empty(); 
                });
});

П.С. просьба если знаете решение, то пишите толково, не коротко, можно с линками на полезные хабры или т.д.