title: jQuery How to make a variable that shows just the value of a form array
body: <p>So right now I have a form that is saved in AJAX when submitted.</p>
  
  <pre><code>$(document).ready(function () {
      $("#dispatchForm").on("submit", function(e) {
          e.preventDefault();
          $.ajax({
              url : $(this).attr("action") || window.location.pathname,
              type: "POST",
              data: $(this).serialize(),
              success: function (data) {
                  $("#form_output").html(data);
              },
              error: function (jXHR, textStatus, errorThrown) {
                  alert(errorThrown);
              }
          });
      });
  });
  </code></pre>
  
  <p>I then have it where the result is shown in a variable and put into a textbox on the page when the submit button is clicked, via this code.</p>
  
  <pre><code>$(function () {
      $("#dispatchSumbit").on("click", function () {
          var text = $("#textarea");
          var local = $("#dispatchForm").serialize();
          text.val(text.val() + time +" - Dispatched to \n" + local);    
      });
  });
  </code></pre>
  
  <p>However it shows the whole array which is like this:</p>
  
  <p><a href="https://i.stack.imgur.com/hjTU9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hjTU9.png" alt="Click here"></a></p>
  
  <p>I want it to just say "[Time] - Dispatched to Test" </p>
  
  <p>Thanks for the help in advance!</p>