title: How to Refresh (Update) an HTML Page For New Data After the Submit Button is Pressed
body: <p>I have an HTML form that is split into three major components. The top portion is essentially a header for displaying a magazine name.  This information does not change. </p>
  
  <p>The middle portion is a table developed through a MySQL query for displaying the story information as a table of contents after it is entered in the bottom portion, which is a data entry screen. </p>
  
  <p>The bottom portion, is a data entry screen for entering the information concerning each story contained in the magazine issue. </p>
  
  <p>After entering the data and pressing the submit button in the bottom portion, the middle portion should be updated through the MySQL query to reflect the newly entered story. That was not happening.</p>
  
  <p>Note: The code previously associated with this question has been removed for purposes of clarity. The solution was associated with how the various forms were called. My thanks to Sulthan Allaudeen for providing potential solutions. Currently, I am not familiar with utilizing jquery-ajax. Eventually I will need to learn.</p>