ช่วยด้วยครับติดปัญหากับการ alert ค่าใน input แบบ array ใน jquery

$("input[name*='idMachine']").on("click",function() {
  var id = $(this).val();
  alert(id);
});

$("input[id^='submit']").click(function() {
  var id = $("input[id^='idMachine']").val();
  alert(id);

alert($(this).html());

$("input[id^='submit']").click(function() {
 alert($(this).html());
//var id = $("input[id^='idMachine']").val();
//alert(id);

<div id="menu1" class="tab-pane fade">
    	<?php
    	
                  $machine = $db->prepare('SELECT mType,mName,id
                                           FROM  tbl_machine 
                                           WHERE mType = 2
                                           ORDER BY mName');
                  $machine->execute();
      	
      		$i = 0;
            while($row = $machine->fetch(PDO::FETCH_ASSOC)) {
      	?>
      		<div class="col-sm-2 col-md-2" style="padding-top: 1cm;" >
    			<div class="thumbnail">
      				<img src="image/My-Computer-icon.png" alt="...">
      			<div class="caption">
        			<h5><?=$row['mName'];?></h5>
        			<p>...</p>
        			<p><a href="#" class="btn btn-primary" role="button" data-toggle="modal" data-target="#myModal<?=$i?>">ยืม</a> <a href="#" class="btn btn-default" role="button">คืน</a></p>
      			</div>
    			</div>
  			</div>
        
        <!-- Modal -->
<div class="modal fade" id="myModal<?=$i?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>

      <div class="modal-body">
        <div class="container-fluid">
            <div class="row">
              <div class="col-md-3">
              		<div class="form-group">
    					<label for="idMachine">รหัสเครื่อง</label> 
    					<input type="text" class="form-control" id="idMachine<?=$i?>" disabled value="<?=$row['id'];?>" name="idMachine[]">
  					</div>
              </div>
               <div class="col-md-5 col-md-offset-2">
              		<div class="form-group">
    					<label for="nameMachine">ชื่อเครื่อง</label>
    					<input type="text" class="form-control" id="nameMachine<?=$i?>" disabled value="<?=$row['mName'];?>" name="nameMachine[]">
  					</div>
              </div>
            </div>
            <div class="row">
        			<div class="form-group col-md-4">
        				<label for="barcodeMachine">Barcode</label> 
    					<input type="text" class="form-control" id="barcodeMachine<?=$i?>" placeholder="Enter Barcode" name="barcodeMachine[]" />
  					</div>
        						
        			<div class="form-group col-md-6 col-md-offset-1">
        				<label for="nameMachine">ชื่อหนัง</label>
    					<input type="text" class="form-control" id="nameMovie<?=$i?>" name="nameMovie[]" />
  					</div>
            </div>

              <div class="row">
            	<div class="col-md-11">
             		<table class="table" id="customFields<?=$i?>">
    					<thead>
      						<tr>
        						<th>รหัสนักศึกษา</th>
        						<th>ชื่อ-นามสกุล</th>
        						<th>ลบ</th>
      						</tr>
    					</thead>
    				<tbody>
      						<tr>
        						<td>
        							<div class="form-group">
    									<input type="text" class="form-control" id="stdid" name="stdid[]">
  									</div>
        						</td>
        						<td>
        							<div class="form-group">
    									<input type="text" class="form-control" id="stdName" name="stdName[]">
  									</div>
        						</td>
        						<!--<td><a href="javascript:void(0);" id="remCF">Remove</a></td>-->
      						</tr>
    				</tbody>
  					</table>
  					<div class="row"><a href="javascript:void(0);" id="addCF<?=$i?>">Add</a></div>
				</div>
            </div>

        </div> <!-- Container modal-->
      </div>
      <div class="modal-footer">
      <div class="result" id="result"></div>
      <div id="flash"></div>
<div id="display"></div>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <input type="submit" class="btn btn-primary" name="submit" id="submit<?=$i?>" value="Save Changes">
      </div>
    </div>
  </div> 
</div><!-- modal-->

<?php 
$i++;
} 
?>
    </div> <!-- menu1-->
     

<input type="submit" class="btn btn-primary" name="submit" id="submit<?=$i?>" machineId="<?=$row['id'];?>" value="Save Changes">

$("input[id^='submit']").click(function() {
  alert($(this).attr("machineId"));
}