Fill table cells with text using form

JavaScript
11

Hello! I have a table and I have to input text into the cells using JUST ONE INPUIT BUTTON, so that each click fills the next cell with the text I put into the input square. (form)

Please, any HINTS what to do? At least right keywords? It is ment to be done using php! MANY THANKS!!!

Code:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Insert values into table</title>
    <style>
      table{
        border-collapse: collapse;
        width:100%;
        margin-top: 10px;
      }

      table,tr, th, td{
        border: 3px solid black;
      }

      td{
        text-align:center;
        height:100px;
      }

      input, button{
        padding: 5px;
        margin-bottom: 5px;
      }
    </style>
  </head>

  <body>
    <input type="text" id="myText1" placeholder="Input 1" /><br>
    <input type="text" id="myText2" placeholder="Input 2" /><br>
    <button>Try it</button>

    <table>
      <tr>
        <td>1</td>
        <td>1</td>
      </tr>
      <tr>
        <td>1</td>
        <td>1</td>
      </tr>
      <tr>
        <td>1</td>
        <td>1</td>
      </tr>
    </table>

    <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
    <script>
    
    </script>
  </body>
</html>