.val() не фиксирует значение текстового поля при нажатии кнопки

Question

Я пытаюсь ввести значение в текстовое поле и вызвать запуск оператора обновления в базу данных, но сообщение .val() возвращает пустое значение.

Вот функция:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script> 
    function save_a9(id) { 
     $.post('response6.php', {starID:id, starURL: $('#starurl').val()}, 
      function(result) { 
       alert(result); 
       window.location.reload(); 
     }); 
    } 
</script> 

Вот кнопка и текстовое поле:

echo "<br><b>request to join site: {$row9['count']}</b><br>"; 
while ($row99 = $prep99->fetch(PDO::FETCH_ASSOC)) { 
    echo "{$row99['starID']} , {$row99['starName']} = {$row99['twitter']}"; 
    if ($row99['guest'] == 0) { 
     $guest = 'ongoing'; 
    }; 
    if ($row99['guest'] == 1) { 
     $guest = 'guest'; 
    }; 
    if ($row99['guest'] == 2) { 
     $guest = 'PLEASE SELECT ONE'; 
    }; 
    echo " ~ $guest ~ <br>"; 
    echo "<input type='text' name='starurl' value='{$row99['starURL']}' id='starurl' style='width:100px; height:30px;'/>"; 
    echo "<br><button onclick='save_a9({$row99['starID']})'>Approve</button><button onclick='save_d9({$row99['starID']})'>Disapprove</button><br>"; 
} 

И вот response6.php:

<?php 
include("db_conn.php"); 
$sql = "update stars set approved = 1, starURL = ? where starID = ?"; 
$qc = $pdo_conn->prepare($sql); 
$qc->execute(array($_POST['starURL'], $_POST['starID'])); 
echo 'saved'; 
?> 

Answer 1

Я хотел бы использовать идентификатор атрибута вместо этого. Например,

<button id="button-id">Click me</button> 

и использовать его в jQuery. Example of Javascript.