Ajax return only first value?

Ajax return only first value?

  1.      $.ajax({
  2.                 type: 'POST',
  3.                 url: 'add_doc/getProtocolData',
  4.                 data: {
  5.                     'client': client,
  6.                 },
  7.                 success: function (html) {
  8.                     $("#protocol_data").html(html);
  9.                    
  10.                    
  11.                     $('#protocol_data #protocol').live('click',function () {
  12.                     var numberDoc = $('#protocol_data #protocol').val();
  13.                     console.log(numberDoc);
  14.    
  15.        
  16.                 });
  17.                 }
  18.        
  19.    
  20. });

<input style="margin-left:5px;" id="protocol" value="9000003001" type="button">
<input style="margin-left:5px;" id="protocol" value="9000003000" type="button">

Always get 9000003001... I tried a, button, but problem is the same. BTW, i tried to put my

 
                    $('#protocol_data #protocol').live('click',function () {
                    var numberDoc = $('#protocol_data #protocol').val();
                    console.log(numberDoc);



outside of ajax function, but the problem is the same...

Thank you