title: get multiple values from an input tag with js
body: <p>im trying to write a code that will generate me several "input" tags to a html </p>
  
  <p>page.</p>
  
  <p>i want to make something like this:</p>
  
  <pre><code>&lt;div id="here"&gt;
      &lt;input type='text' placeholder='book'&gt;
      &lt;input type='text' placeholder='author'&gt;
  &lt;/div&gt;
  &lt;button id="another-book"&gt;+&lt;/button&gt;
  </code></pre>
  
  <p>each time that the button is clicked i want to add another input to the page 
  right after the previous input.</p>
  
  <p>i do it in a js file with the code:</p>
  
  <pre><code>$('#another-book').click(function (e) {
  $('#here').append($("&lt;input type='text' placeholder='book'&gt;");
  $('#here').append($("&lt;input type='text' placeholder='author'&gt;");
  });
  </code></pre>
  
  <p>my problem is that after the user created his inputs and filled them,</p>
  
  <p>i want to get the values of them - for each pair of book and author,</p>
  
  <p>i.e. i want to get in the end a list of pairs (book, author)</p>
  
  <p>how can i do that? </p>