problème modal dans une boucle

Bonjour,

Voila je rencontre un petit problème avec mon code, j'ai besoin de votre aide encore.
j'ai une page principale ( games.html ) ou dans cette page j'ai une function pour faire apparaitre un liste de jeux avec un modal pour pouvoir les edités.

$(document).ready(function(){

            function fetch_data()
            {
                var session = $('#session').text();
                var iduser = $('#iduser').text();
                var nameuser = $('#nameuser').text();
                $.ajax({
                    url:"includes/games/select.php",
                    method:"POST",
                    data:{iduser:iduser, nameuser:nameuser, session:session},
                    success:function(data){
                $('#live_data').html(data);
                    }
                });
            }
            fetch_data();

// Bouton changer de jeux
            $(document).on('click', '.btn_edit', function(){
                var id = this.id;
                var userid = $('#userid').text();
                var gamesid = $('#gamesid').val(); // selection jeux
                var noteedit =  $('#noteedit').val();  // textarea description

                if(confirm("modifier?"))
                {
                    $.ajax({
                        url:"includes/games/edit2.php",
                    method:"POST",
                    data:{id:id, userid:userid, gamesid:gamesid, noteedit:noteedit},
                        dataType:"text",
                        success:function(data){
                            alert(data);
                            fetch_data();
                        }
                    });
                }
            });
   )};

lorsque je click sur mon modifier le jeux j'ai un modal qui s'ouvre pour modifier le jeux selectioné.
le jeux ce modifie correctement sauf la description, j'ai seulement le premiers de la liste qui modifie la description .
voicie le fichier ( includes/games/select.php ) ou ce trouve le modal pour changer le jeux.

                  <!-- Modal HTML <div id="myModal'.$row["id_users_category"].'" class="modalG"> -->
                  <div id="myModal'.$row["id_users_category"].'" class="modalG" data-id2="'.$row["id_users_category"].'" role="dialog">
                    <div class="modal-dialog modal-login">
                      <div class="modal-content">
                        <div class="modal-headerg">
                          <h4 class="modal-title">'.$row["category_g_name"].'</h4>
                          <span class="closeBtn" data-dismiss="modal">&times;</span>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                  <input data-id2="'.$row["id_users_category"].'" class="form-control edit" >
                            </div>
                            <div class="form-group">
                              <textarea maxlength="100"  id="noteedit"  class=" form-control" placeholder="Description" ></textarea>
                            </div>
                            <div class="form-group">
                              <button type="button" id="'.$row["id_users_category"].'" class="btn btn-xs btn-danger btn_edit ">Modifer</button>
                            </div>

                        </div>
                      </div>
                    </div>
                  </div>

comment je peut faire pour qu'il ne me change pas que le premiers de la liste ?

merci