Jquery Ajax Отправляет одно и то же значение для каждого нового запроса

Question

Я работаю на сайте ресторана. У меня есть страница PHP, на которой я отображаю категории меню ресторана в окне списка.

Когда выбрана указанная категория c, я загружаю пункты меню выбранной категории, используя jquery и ajax. Ниже приведен код jquery

$("#mlist").change(function(){
   var v = $(this).children(":selected").attr("id");
   var u = $(this).children(":selected").attr("name");
   //alert(u);
    $.ajax({
            url:'menuitems.php',
            type:'get',
            data:{mid:v,cid:u},
            success:function(response){
                var msg =response;

                $("#itembox").html(msg);
            }
        });
});

Вызов всегда успешен, и следующая страница загружается. На запрашиваемой странице я показываю идентификатор элемента меню, имя элемента меню, текстовое поле для количества и флажок для выбора. Все отлично. PHP код ниже

$mid=$_GET['mid'];
$cid=$_GET['cid'];
$result2 = oci_parse($gerp,"SELECT * FROM ITEM where ITEM_TYPE_ID=".$cid." AND CLS_ID=".$mid."AND STATUS = 'A' ");
         oci_execute($result2);
         $line=1;
         while($row_data2 = oci_fetch_array($result2,OCI_BOTH)){

        echo"<div class='input-group'><div class='input-group-btn'>";
        echo"<div class='col-xs-6'><button type=button class='btn btn-danger' style='width:400px' id=".$row_data2['ITEM_ID'].">".$row_data2['ITEM_NAME']."</button></div></div>";
       echo"<div class='col-xs-3'><font color=black><input type=text style='width:40px' class='input-group.input-group-sm' placeholder=Qty id=qty".$row_data2['ITEM_ID']."></font></div>";
        echo "<div class='col-xs-3'><div class='checkbox'><input type=checkbox id=".$row_data2['ITEM_ID']."></input></div></div></div><br>";            
        $line++;
        }

До сих пор все хорошо, но тут возникает моя проблема. когда пользователь нажимает флажок, я пытаюсь отправить количество и идентификатор элемента меню на другую страницу, используя jquery / ajax Ниже приведен код jquery

$(".checkbox").on("click",function() { 
  var itemid=$( "input:checked" ).attr('id').trim();
  var x="#qty"+itemid.trim();
  var qty=$(x).val().trim();
   if((itemid!="") && (qty!="")){
  $.ajax({
            url:'addorderitem.php',
            type:'get',
            data:{i:itemid,q:qty},
            success:function(response){
                alert(response);
                }
                });
             }

Каждый раз, когда первый выбранный Товар и его количество отправляется на следующую страницу. Например, если идентификатор первого выбранного элемента меню равен 101, а количество равно 20, он отправит 101 и 20 на следующую страницу для каждого другого выбранного элемента.
Является ли это какой-то проблемой с кэшем. Пожалуйста, помогите мне решить эту проблему.