title: How can I read an object AND an input box query from within a function?
body: <ol>
  <li><p>This works, it grabs #event_note from a form and posts it.</p>
  
  <pre><code>$("#cms").on("submit", handleFormSubmit);
  
  function handleFormSubmit() {
    var newPost = {    
      event_note: $("#event_note").val(),    
    }
  
    $.post("/api/posts", newPost, function() {});    
  }
  </code></pre></li>
  <li><p>allPost is an object that carries various values, and it has been used successfully throughout the program.  This will post allPost but not the #event_note, but I'd like to post both: </p>
  
  <pre><code>$("#cms").on("submit", handleFormSubmit);
  
  function handleFormSubmit() {
    var newPost = {
    end_date: allPost[listing[0]][0].end_date,
    event_note: $("#event_note").val(),
  }
  $.post("/api/posts", newPost, function() {});
  }
  </code></pre></li>
  </ol>