How to take values of html rows using jquery?

How to take values of html rows using jquery?

Hi,
I want to fetch all data of these 29 rows (screenshot attached) out of which 25 rows coming form database and 4 rows for extra use,

here is my code please suggest , how i can take these values and send in other page.
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>REGISTRATION FORM</title>
<script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body >
 <div>
        
<form id="registration" name="registration"  method="post" action="">
       
   <?php
require_once("config.php");
$query_for_result=mysqli_query($con,"SELECT * FROM mytable ORDER BY id ASC");
$num=mysqli_num_rows($query_for_result);
mysqli_close($con);

?>
<table >  <tr>
<td  >Sl.No..</td>
    <td  >Item</td>
    <td  >Paper</td>
    <td  >Finish</td>
    <td  >Price</td>
    <td  >Vat</td>
    <td  >Total Amount</td>
   
  </tr>

<?php

$i=0;

while($row = mysqli_fetch_assoc($query_for_result)) 
{
$f1=$row['id'];
$f2=$row['album_name'];
$f3=$row['paper_used'];
$f4=$row['finishing'];
$f5=$row['price'];
$f6=$row['vat'];
$f7=$row['total_amt'];
 
$id=$i+1;
//echo $id;
?>
   <tr>
   <td  ><input id="slno" name="slno" type="text" value="<?php echo $f1; ?>" style="width:20px;"/></td>
   <td  ><input id="album_name" name="album_name" value="<?php echo $f2; ?>" type="text" style="width:150px;"/></td>
   <td  ><input id="paper_used" name="paper_used" type="text" value="<?php echo $f3; ?>" style="width:85px;"/></td>
   <td  ><input id="finishing" name="finishing"  value="<?php echo $f4; ?>" type="text" style="width:90px;"/></td>
   <td  ><input id="price"  value="<?php echo $f5; ?>" name="price" type="text" style="width:25px;"/></td>
   <td  ><input id="vat"  value="<?php echo $f6; ?>" name="vat" type="text" style="width:35px;"/></td>
   <td  ><input id="total_amt" name="total_amt"  value="<?php echo $f7; ?>" type="text" style="width:50px;"/></td>
       
  </tr>
  <?php
$i++;

}


?>
 <tr>
   <td  ><input id="slno" name="slno" type="text" value="26" style="width:20px;"/></td>
   <td  ><input id="album_name" name="album_name" value="" type="text" style="width:150px;"/></td>
   <td  ><input id="paper_used" name="paper_used" type="text" value="" style="width:85px;"/></td>
   <td  ><input id="finishing" name="finishing"  value="" type="text" style="width:90px;"/></td>
   <td  ><input id="price"  value="" name="price" type="text" style="width:25px;"/></td>
   <td  ><input id="vat"  value="" name="vat" type="text" style="width:35px;"/></td>
   <td  ><input id="total_amt" name="total_amt"  value="" type="text" style="width:50px;"/></td>
    
   
  </tr> 
  <tr>
   <td  ><input id="slno" name="slno" value="27" type="text" style="width:20px;"/></td>
   <td  ><input id="album_name" name="album_name" value="" type="text" style="width:150px;"/></td>
   <td  ><input id="paper_used" name="paper_used" type="text" value="" style="width:85px;"/></td>
   <td  ><input id="finishing" name="finishing"  value="" type="text" style="width:90px;"/></td>
   <td  ><input id="price"  value="" name="price" type="text" style="width:25px;"/></td>
   <td  ><input id="vat"  value="" name="vat" type="text" style="width:35px;"/></td>
   <td  ><input id="total_amt" name="total_amt"  value="" type="text" style="width:50px;"/></td>
    
   
  </tr> 
  <tr>
   <td  ><input id="slno" name="slno" value="28" type="text" style="width:20px;"/></td>
   <td  ><input id="album_name" name="album_name" value="" type="text" style="width:150px;"/></td>
   <td  ><input id="paper_used" name="paper_used" type="text" value="" style="width:85px;"/></td>
   <td  ><input id="finishing" name="finishing"  value="" type="text" style="width:90px;"/></td>
   <td  ><input id="price"  value="" name="price" type="text" style="width:25px;"/></td>
   <td  ><input id="vat"  value="" name="vat" type="text" style="width:35px;"/></td>
<td  ><input id="total_amt" name="total_amt"  value="" type="text" style="width:50px;"/></td>
   
  </tr> 
  <tr>
   <td  ><input id="slno" name="slno" value="29" type="text" style="width:20px;"/></td>
   <td  ><input id="album_name" name="album_name" value="" type="text" style="width:150px;"/></td>
   <td  ><input id="paper_used" name="paper_used" type="text" value="" style="width:85px;"/></td>
   <td  ><input id="finishing" name="finishing"  value="" type="text" style="width:90px;"/></td>
   <td  ><input id="price"  value="" name="price" type="text" style="width:25px;"/></td>
   <td  ><input id="vat"  value="" name="vat" type="text" style="width:35px;"/></td>
   <td  ><input id="total_amt" name="total_amt"  value="" type="text" style="width:50px;"/></td>
    
   
  </tr> 
  <tr>
    
    <td colspan="7" ><input  name="save" value="Save" id="save" type="button" style="width:83px;" /></td>
    
  </tr> 
</table>
         </form>
      
      </div>
    
   
</body>
</html>