Insert a row into Table through jquery

See more:

HTML

jQuery

hello guys here i have inputs

<table>
  <tr>
   <td>
   Name:
   </td>
   <td>
    <input id="Name" type="text" ></input>
   </td>
  </tr>
  <tr>
   <td>
   Age:
   </td>
   <td>
    <input id="Age" type="text" ></input>
   </td>
  </tr>
  <tr>
   <td>
   City:
   </td>
   <td>
    <input id="City" type="text" ></input>
   </td>
  </tr>
 </table>

and i want to add those input text into a table in a form of row
so for that i use

<div id="cloneEle">
  <tr id="TrcloneEle">
   <td>
   <span id="DisName"></span>
   </td>
   <td>
    <span id="DisAge"></span>
   </td>
   <td>
    <span id="Discity"></span>
   </td>
  </tr>
 </div>

clone it but i didn't get idea how i can insert input controls value into span text area so please guys plz me.