Pass value with increasing id on next screen

I have a table and I am adding rows by cloning the current row. I am also increasing my td id by 1 every time I add a new row.

I want to pass these values which is filled by the user to next screen. I am not sure how to handle and pass these values with unique id to next screen.

    var regex = /^([a-zA-Z0-9 _-]+)$/;
    var cindex = 0;
    $(document).on('click','.Buttons', function(e) {

      var count = $('table tr:last input:text').filter((_,el) => el.value.trim() == "").length;
      alert(count);
        if(count){
        alert("Please fill all the fields in the current row");
        return false;
      }

        var $tr    = $('#dataTable tbody tr:last');
        var $clone = $tr.clone(true);
        cindex++;
        $clone.find(':input').not('select').not('.DeleteButton').val('').attr('disabled', true);
        $clone.attr('id', 'id'+(cindex) ); //update row id if required
        //update ids of elements in row
        $clone.find("*").each(function() {
                var id = this.id || "";
                if(id != ""){

                var match = id.match(regex) || [];
                if (match.length == 2) {
                this.id = this.name + (cindex);
                }
                }
        });
        $tr.after($clone);
    });

<table border="0" cellspacing="1" cellpadding="1" id="dataTable" class="graphtable">
      <thead>

        <tr>
          <td class="headingalign" width="16%">Links</td>
          <td class="headingalign" width="32%">Desciption</td>
          <td class="headingalign" width="16%">Image</td>
          <td class="headingalign" width="16%">URL</td>
          <td class="headingalign" width="05%"></td>

        </tr>
      </thead>
      <tbody>

        <tr id="id01" name="row">

          <td>
        <select type="select-one" id='fldsearch' class="objselect" name="fldsearch" onChange="disableField()">


               <option value="">Select</option>
                                                                <xsl:for-each select="faml/response/quicklinkresponsedto/searchby/datamapdto">
                                                                    <xsl:sort order="ascending" select="description"/>
                                                                    <option value="{code}">
                                                                        <xsl:value-of select="description"/>
                                                                    </option>
                                                                </xsl:for-each>
                                                            </select>
          </td>
          <td>
            <input id="flddesc" name="flddesc" maxlength="500" disabled="true" class="objinputtext" size="85" value="{//RESPONSE}"  />

          </td>
          <td>
            <input  id="fldimg" name="fldimg" maxlength="50" disabled="true" class="objinputtext" size="35" value="{//RESPONSE}"  />

          </td>
          <td>
            <input id="fldurl" name="fldurl" maxlength="15" disabled="true" class="objinputtext" size="35" value="{//RESPONSE}"  />

          </td>
          <td>
          <input tabindex="6" value="Delete Row" disabled="true" class="DeleteButton"  type="button" />
          </td>
        </tr>
      </tbody>
    </table> 
            <div class="buttonarea">
      <ul>
        <li><input tabindex="6" id="Button3" value="Add New Row" class="Buttons" name="Button3" type="button" /></li>
         <li><input tabindex="6" id="Button5" value="Initiate" class="buttons" name="Button5" type="button" onclick="return fnOnSubmit();"/></li>
      </ul>
    </div>