I want to give option to user to move complete row up or down on click of arrow in that row only. 

I am writing below code to resolve my purpose. Code is working fine except the IDs of controls do not change on moving the rows and thus sometimes the controls value is set blank if correct id is found else not.

Is there any other way to set the corrosponding row controls to blank instead of finding the ID of that control?

Please help, I am stuck on this issue.

2. function pageLoad() {
3.             $(".up,.down").click(function () {
4.                 var index = $(this).closest('tr')[0].rowIndex - 1;
5. var $row = $(this).parents("tr:first");
7. var datarow = GetGridData();
8.                 var scheddate = datarow[index].findElement("rddateScheduleDate").id;                
9.                 var schedtime = datarow[index].findElement("txtSchTime");
11. if ($(this).is(".up")) {
12.                     if ($row.prev().length != 0) {   
14.  // Clear date & time
15.                         $find(scheddate).clear();
16.                         $(schedtime).val('');
17. $row.insertBefore($row.prev());
18.                     }
19.                     else {
20.                         alert("Cannot move Up");
21.                         return false;
22.                     }
23.                 }
24.                 else {
25.                     if ($row.next().length != 0) {  
27.  // Clear date & time
28.                         $find(scheddate).clear();
29.                         $(schedtime).val('');
30.                         $row.insertAfter($row.next());
31.                     }
32.                     else {
33.                         alert("Cannot move down");
34.                         return false;
35.                     }
36.                 }
37. });
38.         }
39.