Добавить значение из поля ввода в пользовательский параметр href

Я использую код ниже, чтобы захватить некоторые данные из моего db. Кроме того, код ниже удаляет записи из mysql через вызов ajax. Как вы можете видеть для каждого поля ввода, у меня есть кнопка сохранения и кнопка удаления. Я отправляю уникальный идентификатор из каждой записи через href.

Теперь все, что я хочу, это передать пользовательскую переменную в href для моей кнопки сохранения. И я имею в виду, что в каждом href я добавил значение cvalue = "".

Как можно захватить входное значение и добавить его в этот cvalue = "здесь я хочу получить значение из поля ввода"

Имейте в виду, что у меня много записей..

<ol class="update">
<?php
$ss = mysql_query ("SELECT * FROM users_channels WHERE u_id='$uid'");
while($chann = mysql_fetch_assoc($ss)) {
echo'              
<li>
<input name="channelName" type="text" id="channelName" style="float:left; width:300px; border:1px solid #CCC;" value="'.$chann['channel_name'].'" />
<a href="#" id="'.$chann['id'].'" class="delete_button"><span id="rcolor">Delete</span></a>
<a href="#" id="'.$chann['id'].'" cvalue="'.$chann['channel_name'].'" class="save_button"><span id="gcolor">Save</span></a>
</li>';
}
?>
</ol>

И Код JQuery:

$(document).ready(function() {

$(function() {
$(".save_button").click(function() {
var id = $(this).attr("id");
var cvalue = $("#channelName").val();
var dataStringe = 'id='+ id + '&cvalue='+ cvalue;
var parent = $(this).parent();


alert(curval);

$.ajax({
   type: "POST",
   url: "update_channel.php",
   data: dataStringe,
   cache: false,

   beforeSend: function()
   {
   parent.animate({'backgroundColor':'#fb6c6c'},300).animate({ opacity: 0.35 }, "slow");
   }, 
   success: function()
   {

    //parent.slideUp('slow', function() {$(this).remove();});

  }

 });

return false;
    });
});

});