Weirdness displaying radio button after form submissions

Weirdness displaying radio button after form submissions

After submitting a form, we're displaying all the form field data, but for some reason, everything after the radio button will not display on the page.

  2.   var display = 
  3.     "<h4>Client room</h4>" +
  4.     $("#firstName").val()         + " " + 
  5.     $("#lastName").val()          + " " + "<br>" +
  6.     $("#emailAddress").val()      + " " + "<br>" +
  7.     "Sample 1: "              + $("#q1").val() + "<br>" +
  8.     "Sample 2 "            + $("#q2").val() + "<br>" +
  9.     "Existing: " + document.getElementById("q3").value; + "<br>" +
  10.     $("#survey1").val()      + " " + "<br>" +
  11.     $("#survey2").val()      + " " + "<br>" +
  12.     $("#survey3").val()      + " " + "<br>" +
  13.     $("#survey4").val();
  14.   $("#result").html(display);
  15.               
  16. <div class="form-group">
  17.     <div class="radio">
  18.     <label><input name="q3" id="q3" value="Yes" type="radio">Yes</label>
  19.     </div>
  20.     <div class="radio">
  21.     <label><input name="q3" id="q3" value="No" type="radio">No</label>
  22.     </div>
  23. </div>
  24.   
  25. Results looks like this:
  26. John Doe
  27. johndoe@testtesttest.com
  28. Sample 1: Textile
  29. Sample 2: Wood
  30. Existing: Yes
  31. (All the survey questions should be listed here.)
Earlier I tried this, but it returned "Undefined":
  1. $("#q3").val()