title: multiple data inputs to API through ajax
body: <p>I am new at coding and struggling to identify the problem</p>
  
  <p>I am trying to give my API multiple data inputs that the user inserts through textarea. 
  Everything works when I only give one input but when I try to add the code that will take the input from the second textarea it seems to stop all the code from working even the GET request. 
  I need the data to be stringified and also to take the value of the text area or an input box.</p>
  
  <p>Here is my code for the POST ajax request </p>
  
  <pre><code>        $.ajax({
          type: 'POST',
          url: API_URL,
          data:{JSON.stringify({"message": $('#msg').val()}, {"password": $('#pass').val()})},
          contentType: "application/json",
  
          success: function(data){
              location.reload();
          }
      });
  </code></pre>