title: Run function only on button click
body: <p>I have JQuery functions written and they work as expected, However the function runs every time I click on any field of the form (to enter name, email , or anything, see code attached) I want the script to run only when the submit button is clicked. I am still new to JQuery and I am not sure where I am going wrong. </p>
  
  <p>Sorry about the long code.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>* {
      box-sizing: border-box;
      background-color: #bf2e1a;
  }
  header {
      color: #EFDFBC;
      border-style: solid;
      border-color: #EFDFBC;
      top: 100px;
      margin-left: 650px;
      margin-right: 650px;
      margin-top: 150px;
      text-align: center;
      font-size: 60px;
      border-width: 5px;
  }
  
  div#main-content {
      margin-top: 100px;
   font-family: sans-serif;
  }
  
  div#disclaimer {
      width: 800px;
      height: 467px;
      margin: 0 auto;
      margin-top: 200px;
      background: #EFDFBC;
      padding: 30px 10px 10px 0px;
  }
  
  div#get-justice {
      position: relative;
      top: 30px;
      padding-top: 10px;
      background-color: #EFDFBC;
      margin: 0 auto;
      width: 600px;
      height: 600px;
  }
  div#get-justice p {
      background-color: #EFDFBC;
      color: #bf2e1a;
      padding: 40px 40px 4px 40px;
      font-size: 28px;
  }
  div#get-justice button {
      background-color: #bf2e1a;
      border: none;
      color: white;
      margin-top: 120px;
      padding: 20px 37px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 21px;
      cursor: pointer;
  }
  h3 {
      background: #EFDFBC;
      text-align: center;
      color: #bf2e1a;
      font-size: 33px;
      padding-top: 25px;
  }
  div#first-question {
     text-align: center;
  }
  
  ul {
      columns: 2;
      background: #EFDFBC;
   text-align: -webkit-left;
  }
  li {
      text-align: -webkit-match-parent;
      background: #EFDFBC;
      display: block;
      padding: 1px 0px 3px 37px;
   font-family: sans-serif;
  }
  input#quiz-question-one-yes {
      display: none;
      margin: 11px;
  }
  input#quiz-question-one-no {
      display: none;
      margin: 11px;
  }
  label#oneYes {
      display: inline-block;
      margin: 10px;
      padding: 10px 30px;
      background-color: #bf2e1a;
      border-color: #ddd;
      font-size: 33px;
      text-align: center;
  }
  label#oneNo {
      display: inline-block;
      margin: 10px;
      padding: 10px 30px;
      background-color: #bf2e1a;
      border-color: #ddd;
      font-size: 33px;
      text-align: center;
  }
  input#quiz-question-two-yes {
      display: none;
      margin: 11px;
  }
  input#quiz-question-two-no {
      display: none;
      margin: 11px;
  }
  label#twoYes {
      display: inline-block;
      margin: 10px 208px;
      padding: 10px 30px;
      background-color: #bf2e1a;
      border-color: #ddd;
      font-size: 33px;
      text-align: center;
  }
  label#twoNo {
      display: inline-block;
      margin: 0px 0 0 -197px;
      padding: 10px 30px;
      background-color: #bf2e1a;
      border-color: #ddd;
      font-size: 33px;
      text-align: center;
  }
  input#quiz-question-three-yes {
      display: none;
      margin: 11px;
  }
  input#quiz-question-three-no {
      display: none;
      margin: 11px;
  }
  
  label#threeYes {
      display: inline-block;
      margin: 10px 208px;
      padding: 10px 30px;
      background-color: #bf2e1a;
      border-color: #ddd;
      font-size: 33px;
      text-align: center;
  }
  label#threeNo {
      display: inline-block;
      margin: 0px 0 0 -197px;
      padding: 10px 30px;
      background-color: #bf2e1a;
      border-color: #ddd;
      font-size: 33px;
      text-align: center;
  }
  
  
  /*label#threeYes {
      display: inherit;
      margin: 13px 360px 0px 195px;
      padding: 8px 73px 8px 22px;
      background-color: #bf2e1a;
      border-color: #ddd;
      font-size: 33px;
      text-align: center;
  }
  label#threeNo {
      display: inherit;
      margin: -54px 296px 0px 300px;
      padding: 12px 66px 5px 18px;
      background-color: #bf2e1a;
      border-color: #ddd;
      font-size: 33px;
      text-align: center;
  }*/
  input#quiz-question-four-yes {
      display: none;
      margin: 11px;
  }
  input#quiz-question-four-no {
      display: none;
      margin: 11px;
  }
  
  label#fourYes {
      display: inline-block;
      margin: 10px 208px;
      padding: 10px 30px;
      background-color: #bf2e1a;
      border-color: #ddd;
      font-size: 33px;
      text-align: center;
  }
  label#fourNo {
      display: inline-block;
      margin: 0px 0 0 -197px;
      padding: 10px 30px;
      background-color: #bf2e1a;
      border-color: #ddd;
      font-size: 33px;
      text-align: center;
  }
  
  /*
  label#fourYes {
      display: inherit;
      margin: 13px 360px 0px 195px;
      padding: 8px 73px 8px 22px;
      background-color: #bf2e1a;
      border-color: #ddd;
      font-size: 33px;
      text-align: center;
  }
  label#fourNo {
      display: inherit;
      margin: -54px 296px 0px 300px;
      padding: 12px 66px 5px 18px;
      background-color: #bf2e1a;
      border-color: #ddd;
      font-size: 33px;
      text-align: center;
  }*/
  input#quiz-question-five-yes {
      display: none;
      margin: 11px;
  }
  input#quiz-question-five-no {
      display: none;
      margin: 11px;
  }
  
  label#fiveYes {
      display: inline-block;
      margin: 10px 208px;
      padding: 10px 30px;
      background-color: #bf2e1a;
      border-color: #ddd;
      font-size: 33px;
      text-align: center;
  }
  label#fiveNo {
      display: inline-block;
      margin: 0px 0 0 -197px;
      padding: 10px 30px;
      background-color: #bf2e1a;
      border-color: #ddd;
      font-size: 33px;
      text-align: center;
  }
  
  /*
  label#fiveYes {
      display: inherit;
      margin: 13px 360px 0px 195px;
      padding: 8px 73px 8px 22px;
      background-color: #bf2e1a;
      border-color: #ddd;
      font-size: 33px;
      text-align: center;
  }
  label#fiveNo {
      display: inherit;
      margin: -54px 296px 0px 300px;
      padding: 12px 66px 5px 18px;
      background-color: #bf2e1a;
      border-color: #ddd;
      font-size: 33px;
      text-align: center;
  }*/
  
  .clientinfo{
   height:445px;
      background-color: #EFDFBC;
  }
  
  p {
      background-color: #EFDFBC;
      font-size: 23px;
      margin: 0 auto;
      padding: 10px 0px 1px 70px;
  }
  
  input[type="text"] {
      background-color: white;
      padding: 4px 0px 0px 10px;
      margin: 0px 0px 0px 70px;
  }
  
  button {
      display: block;
      margin: 0 auto;
      padding: 25px 35px 20px 25px;
      font-size: 35px;
      margin-top: 45px;
      color: #EFDFBC;
  }
  
  button#start {
      display: block;
      margin: 0 auto;
      width: 200px;
      padding: 25px 35px 20px 25px;
      font-size: 35px;
      margin-top: -272px;
      margin-right: 68px;
  }
  
  hr {
      width: 165px;
      padding: 1px 0px 0px 0px;
  }
  
  div#disclaimer {
      width: 800px;
      padding: 27px 10px 10px 0px;
  }
  
  div#questionOneBody {
      background: #EFDFBC;
  }
  div#questionTwoBody {
      background: #EFDFBC;
  }
  div#questionThreeBody {
      background: #EFDFBC;
  }
  div#questionFourBody {
      background: #EFDFBC;
  }
  div#questionFiveBody {
      background: #EFDFBC;
  }
  h1 {
      /* padding: 20px 4px 20px; */
      text-align: center;
      margin-top: 25px;
  }
  /*
  h1 {
      //background: #EFDFBC;
      padding: 20px 4px 20px;
      text-align: center;
  }
  */
  
  h1#disclaimerHeader {
      background: #EFDFBC;
      /* padding: 20px 0px 20px 0px; */
      text-align: center;
  }
  
  p {
      background-color: #EFDFBC;
      font-size: 23px;
      margin: 0 auto;
      padding: 1px 0px 0px 20px;
  }
  
  div#disc-container {
      width: 450px;
      background: #EFDFBC;
      padding: 10px 10px 14px 10px;
      border-style: solid;
      border-color: #bf2e1a;
      border-width: 10px;
      margin-left: 20px;
  }
  
  a#disclaimerLink {
      text-decoration: none;
  }
  
  
  /*.hideHeader{
   display:none;
  }*/
  
  p#greenText {
      background: #EFDFBC;
      display: block;
      width: 800px;
      margin: 0 auto;
      margin-top: 300px;
      font-size: 30px;
      color: green;
      text-align: -webkit-auto;
      padding: 50px 50px 50px 50px;
  }
  p#yellowText {
      background: #EFDFBC;
      display: block;
      width: 800px;
      margin: 0 auto;
      margin-top: 300px;
      font-size: 30px;
      color: yellow;
      text-align: -webkit-auto;
      padding: 50px 50px 50px 50px;
  }
  p##bf2e1aText {
      background: #EFDFBC;
      display: block;
      width: 800px;
      margin: 0 auto;
      margin-top: 300px;
      font-size: 30px;
      color: #bf2e1a;
      text-align: -webkit-auto;
      padding: 50px 50px 50px 50px;
  }
  
  div#questionHeader {
      height: 140px;
      color: #EFDFBC;
      border-style: solid;
      margin-top: 163px;
      font-size: 28px;
      border-width: 10px;
  }
  
  /*div#resultHeader {
      margin-top: 163px;
      font-size: 28px;
      border-width: 10px;
  }
  
  div#resultHeader {
      height: 140px;
      color: #EFDFBC;
      border-style: solid;
      margin-bottom: 10px;
      font-size: 28px;
      border-width: 10px;
  }*/
  
  div#resultHeader {
      color: #EFDFBC;
      border-style: solid;
      margin-bottom: 10px;
      margin-left: 110px;
      width: 1170px;
      font-size: 28px;
      border-width: 10px;
  }
  
  div#quizResult {
      font-size: 20px;
      /* width: 650px; */
      margin: 0 auto;
      background: #EFDFBC;
      height: 600px;
      margin-top: 10px;
  }
  
  div#allResult {
      margin: 0 auto;
      margin-left: -350px;
      margin-right: -350px;
      /* background: #EFDFBC; */
  }
  
  div#leftResult {
      background: #EFDFBC;
      width: 610px;
  }
  
  div#result {
      background: #EFDFBC;
      height: 634px;
      font-size: 24.5px;
      width: 450px;
      margin-left: 110px;
      padding: 88px 45px 0px 70px;
      //font-family: sans-serif;
  }
  
  hr#eligibleHr {
      position: absolute;
      margin-top: 57px;
      width: 300px;
      margin-left: 182px;
  }
  
  div#calenderToolSideText {
      background: #EFDFBC;
      /* width: 300px; */
      margin-left: 551px;
      margin-bottom: -18px;
      margin-top: -334px;
      padding: 0px 68px 0px 0px;
  }
  
  div#rightSide {
      background: #EFDFBC;
      margin-left: 480px;
      margin-top: -659px;
      height: 634px;
      width: 800px;
  }
  
  div#rightSide h1 {
  
      text-align: center;
      margin-top: 25px;
      margin-right: 24px;
      background: #EFDFBC;
      color: #bf2e1a;
      padding: 18px 10px 10px 10px;
  }
  
  hr#consultationHR {
      width: 595px;
      margin-right: 77px;
      margin-top: -29px;
  }
  
  div#calenderTool {
      background: blue;
      width: 400px;
      height: 330px;
      margin-top: 25px;
      margin-left: 148px;
  }
  
  hr#endingHR {
      width: 495px;
      margin-top: 25px;
      color: #bf2e1a;
      width: 597px;
      margin-right: 76px;
      margin-top: 25px;
  }
  
  h3#shareQuiz {
      margin-right: 300px;
      margin-top: -9px;
  }
  
  p#rightsidePara {
      margin-left: 131px;
      margin-top: -12px;
      color: #bf2e1a;
   padding: 1px 0px 0px 20px;
  }
  
  p#rightsideParaTwo {
      margin-left: 136px;
      color: #bf2e1a;
  }
  
  h1#eligibleHeader {
      position: absolute;
      margin-left: 180px;
      margin-top: 20px;
      background: #EFDFBC;
      color: #bf2e1a;
  }
  
  div#images {
      margin-left: 550px;
      margin-top: -85px;
      background: #EFDFBC;
  }
  p#bkrwebsite {
      margin-left: 550px;
      color: #bf2e1a;
  }
  
  h3#clientHeader {
      background: #EFDFBC;
      text-align: center;
      color: #bf2e1a;
      font-size: 23px;
      padding-top: 25px;
      /* height: 400px; */
  }
  
  hr#clienFormHr {
      margin-left: 45px;
      margin-top: 40px;
  }
  
  div#clientForm {
      background: #EFDFBC;
      margin-top: 33px;
      margin-left: 82px;
  }
  
  
  div#clientInfoBody {
      background: #EFDFBC;
      width: 425px;
      height: 480px;
      margin: 0 auto;
  }
  
  input#client-info-submit {
      display: inline-block;
      /* margin: 85px; */
      /* margin: 0 auto; */
      margin-left: 45px;
      margin-top: 12px;
      padding: 10px 30px;
      background-color: #bf2e1a;
      /* border-color: #ddd; */
      font-size: 33px;
      text-align: center;
  }
  
  div#clienQuestionHeader {
      height: 140px;
      color: #EFDFBC;
      border-style: solid;
      margin-top: 163px;
      font-size: 28px;
      border-width: 10px;
      margin-left: 113px;
      margin-right: 110px;
  }
  
  
  input#clientName {
      margin-left: 10px;
      padding: 5px 80px 5px 10px;
   margin-left: 0px;
  }
  
  input#clientEmail {
      margin-left: 0px;
      padding: 5px 80px 5px 10px;
      margin-top: 5px;
  }
  
  input#clientPhone {
      margin-left: 0px;
      padding: 5px 80px 5px 10px;
      margin-top: 5px;
  }
  
  div#clientNameDiv {
      background: #EFDFBC;
  }
  
  div#clientEmailDiv {
      background: #EFDFBC;
  }
  
  div#clientPhoneDiv {
      background: #EFDFBC;
  }
  
  label#clientNameLabel {
      background: #EFDFBC;
      font-size: 24px;
  }
  
  label#clientEmailLabel {
      background: #EFDFBC;
      font-size: 24px;
  }
  
  label#clientPhoneLabel {
      background: #EFDFBC;
      font-size: 24px;
  }
  
  
  .verticalLine {
      width: 2px;
      height: 570px;
      position: absolute;
      margin-left: 591px;
      margin-top: -615px;
  }
  
  
  .bkr-header{
      color: #EFDFBC;
      border-style: solid;
      border-color: #EFDFBC;
      top: 153px;
      padding-bottom: 30px;
      padding-top: 30px;
      /* margin-top: 163px; */
      margin: 0 auto;
      width: 600px;
      text-align: center;
      font-size: 60px;
      border-width: 10px;
  }
  .hidden {
      display: none;
  }
  .visible {
      display: block;
      margin: 0 auto;
      width: 650px;
      height: 445px;
      background: #EFDFBC;
  }
  .visible2 {
      display: block;
      margin: 0 auto;
      width: 650px;
      height: 165px;
      background: #EFDFBC;
  }
  
  .visible4 {
      display: block;
      margin: 0 auto;
      width: 650px;
      height: 195px;
      background: #EFDFBC;
  }
  
  .visibleHeader {
      color: #EFDFBC;
      border-style: solid;
      border-color: #EFDFBC;
      top: 153px;
      padding-bottom: 30px;
      padding-top: 30px;
      /* margin-top: 163px; */
      margin: 0 auto;
      width: 650px;
      text-align: center;
      font-size: 60px;
      border-width: 10px;
  }
  
  .page {
   display: none;
  }
  
  .page.active {
      display: block;
      margin: 0 auto;
      width: 650px;
  }
  
  .green{
   color:green;
  }
  
  .yellow{
   color:yellow;
  }
  
  .red{
   color:red;
  }
  
  
  .questions {
      margin: 0px auto;
      width: 650px;
      height: 444px;
      background: #EFDFBC;
  }
  .questions-header {
      color: #EFDFBC;
      border-style: solid;
      border-color: #EFDFBC;
      top: 153px;
      padding-bottom: 30px;
      padding-top: 30px;
      /* margin-top: 163px; */
      margin: 0 auto;
      width: 650px;
      text-align: center;
      font-size: 60px;
      border-width: 10px;
  }
  .quiz-questions {
      margin-top: 100px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
   &lt;meta charset = "UTF-8"/&gt;
   &lt;title&gt;Questions&lt;/title&gt;
   &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
   &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class = "quiz-questions"&gt;
   &lt;div id="first-question" class="page active"&gt;
    &lt;div id="questionHeader"&gt;
     &lt;h1&gt; Question 1 of 5 &lt;/h1&gt;
    &lt;/div&gt;
    &lt;div id="questionOneBody"&gt;
    &lt;h3&gt;Questoin 1&lt;/h3&gt;
    &lt;ul&gt;
     &lt;li&gt;A&lt;/li&gt;
     &lt;li&gt;B&lt;/li&gt;
    &lt;/ul&gt;
     &lt;input type="radio" name="quizquestionone" id="quiz-question-one-yes" value="yes" /&gt;
     &lt;label for="quiz-question-one-yes" id="oneYes"&gt;Yes&lt;/label&gt;
     &lt;input type="radio" name="quizquestionone" id="quiz-question-one-no" value="no" /&gt;
     &lt;label for="quiz-question-one-no" id="oneNo"&gt;No&lt;/label&gt;
    &lt;/div&gt;
   &lt;/div&gt; 
  
   &lt;div id="second-question" class="page"&gt;
    &lt;div id="questionHeader"&gt;
     &lt;h1&gt; Question 2 of 5 &lt;/h1&gt;
    &lt;/div&gt;
    &lt;div id="questionTwoBody"&gt;
     &lt;h3&gt;Question 2&lt;/h3&gt;
     &lt;input type="radio" name="quizquestiontwo" id="quiz-question-two-yes" value="yes" /&gt;
     &lt;label for="quiz-question-two-yes" id="twoYes"&gt;Yes&lt;/label&gt;
     &lt;input type="radio" name="quizquestiontwo" id="quiz-question-two-no" value="no" /&gt;
     &lt;label for="quiz-question-two-no" id="twoNo"&gt;No&lt;/label&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  
   &lt;div id="third-question" class="page"&gt;
    &lt;div id="questionHeader"&gt;
     &lt;h1&gt; Question 3 of 5 &lt;/h1&gt;
    &lt;/div&gt;
    &lt;div id="questionThreeBody"&gt;
     &lt;h3&gt;Question 3 &lt;/h3&gt;
     &lt;input type="radio" name="quizquestionthree" id="quiz-question-three-yes" value="yes" /&gt;
     &lt;label for="quiz-question-three-yes" id="threeYes"&gt;Yes&lt;/label&gt;
     &lt;input type="radio" name="quizquestionthree" id="quiz-question-three-no" value="no" /&gt;
     &lt;label for="quiz-question-three-no" id="threeNo"&gt;No&lt;/label&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  
  
   &lt;div id="fourth-question" class="page"&gt;
    &lt;div id="questionHeader"&gt;
     &lt;h1&gt; Question 4 of 5&lt;/h1&gt;
    &lt;/div&gt;
    &lt;div id="questionFourBody"&gt;
     &lt;h3&gt;Question 4&lt;/h3&gt;
     &lt;input type="radio" name="quizquestionfour" id="quiz-question-four-yes" value="yes" /&gt;
     &lt;label for="quiz-question-four-yes" id="fourYes"&gt;Yes&lt;/label&gt;
     &lt;input type="radio" name="quizquestionfour" id="quiz-question-four-no" value="no" /&gt;
     &lt;label for="quiz-question-four-no" id="fourNo"&gt;No&lt;/label&gt;  
    &lt;/div&gt;
   &lt;/div&gt;
  
  
   &lt;div id="fifth-question" class="page"&gt;
    &lt;div id="questionHeader"&gt;
     &lt;h1&gt; Question 5 of 5 &lt;/h1&gt;
    &lt;/div&gt;
    &lt;div id="questionFiveBody"&gt;
     &lt;h3&gt;Question 5&lt;/h3&gt;
     &lt;input type="radio" name="quizquestionfive" id="quiz-question-five-yes" value="yes" /&gt;
     &lt;label for="quiz-question-five-yes" id="fiveYes"&gt;Yes&lt;/label&gt;
     &lt;input type="radio" name="quizquestionfive" id="quiz-question-five-no" value="no" /&gt;
     &lt;label for="quiz-question-five-no" id="fiveNo"&gt;No&lt;/label&gt;  
    &lt;/div&gt;
   &lt;/div&gt; 
  
   &lt;div id="client-info" class="page"&gt;
    &lt;div id="clienQuestionHeader"&gt;
     &lt;h1&gt; Almost There &lt;/h1&gt;
    &lt;/div&gt;
    &lt;div id="clientInfoBody"&gt;
     &lt;h3 id="clientHeader"&gt;Input you contact information to see your eligibility&lt;/h3&gt;
     &lt;div id="clientForm"&gt;
      &lt;label id="clientNameLabel" &gt; Name : &lt;/label&gt; 
      &lt;div id="clientNameDiv"&gt;
       &lt;input type="text" name="clientname" id="clientName"/&gt;
      &lt;/div&gt;
      &lt;br&gt;
      &lt;label id="clientEmailLabel"&gt; Email: &lt;/label&gt; 
      &lt;div id="clientEmailDiv"&gt;
       &lt;input type="text" name="clientemail" id="clientEmail" /&gt;
      &lt;/div&gt;    
      &lt;br&gt;
      &lt;label id="clientPhoneLabel"&gt; Phone: &lt;/label&gt; 
      &lt;div id="clientPhoneDiv"&gt;
       &lt;input type="text" name="clientphone" id="clientPhone"/&gt;
      &lt;/div&gt;      
      
      &lt;br&gt;
      &lt;hr id="clienFormHr"&gt;
      &lt;input type="submit" name="clientinformation" id="client-info-submit" onclick="result()"/&gt;
      &lt;!--&lt;label for="client-info-submit" id="clientInfoLabel"&gt;No&lt;/label&gt; --&gt;
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;  
  
  &lt;div class="page result"&gt;
   &lt;div id="allResult"&gt;
    &lt;div id="resultHeader"&gt;
     &lt;h1&gt; Congratulations &lt;/h1&gt;
    &lt;/div&gt;
    &lt;h1 id="eligibleHeader"&gt; You might be eligible. &lt;/h1&gt;
    &lt;hr id="eligibleHr"&gt;
    &lt;div id="result"&gt;
    &lt;/div&gt;
    &lt;!-- Vertical Line --&gt;
    &lt;div class="verticalLine"&gt;
    &lt;/div&gt;
    &lt;!-- Vertical Line End --&gt;
    &lt;div id="rightSide"&gt;
     &lt;h1&gt;Schedule your free consultation now.&lt;/h1&gt;
     &lt;hr id="consultationHR"&gt;
     &lt;div id="calenderTool"&gt;
     &lt;/div&gt;
     &lt;div id="calenderToolSideText"&gt;
      &lt;p&gt;Use this calender to schedule your appointment,
      or call our office to have someone do it for you.
      &lt;/p&gt;
      &lt;p&gt;Because you pre-qualify, the consultation is free.&lt;/p&gt;
      &lt;br&gt;
      &lt;p&gt;(317) 571-3600&lt;/p&gt;
      &lt;p&gt;M - F, 8:30 am - 5:00 pm &lt;/p&gt; 
     &lt;/div&gt;
     &lt;hr id="endingHR"&gt;
     &lt;h3 id="shareQuiz"&gt; Share the quiz &lt;/h3&gt;
     &lt;p id="rightsidePara"&gt; Your friends won't see your results,&lt;/p&gt;
     &lt;p id="rightsideParaTwo"&gt;just alink to take it themselves. &lt;/p&gt;
     &lt;div id="images"&gt;
      &lt;img id ="facebook" src="logos/FacebookIcon.png"&gt;&lt;/img&gt;
      &lt;img id ="twitter" src="logos/TwitterIcon.png"&gt;&lt;/img&gt;
      &lt;img id ="googleplus" src="logos/GooglePlusIcon.png"&gt;&lt;/img&gt;    
     &lt;/div&gt;
     &lt;p id="bkrwebsite"&gt;www.bkr.com&lt;/p&gt;
    &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  
   
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  
  &lt;script type="text/javascript"&gt;
  
  
  
  /*function updateResult() {
    var r = results,
        rt = $('#result');
    if ((r.quizquestionone) &amp;&amp; (r.quizquestiontwo) &amp;&amp; (r.quizquestionthree) &amp;&amp; (r.quizquestionfour) &amp;&amp; (r.quizquestionfive)) {
      rt.text('All Yes');
    } else if ((!r.quizquestionone) &amp;&amp; (!r.quizquestiontwo) &amp;&amp; (!r.quizquestionthree) &amp;&amp; (!r.quizquestionfour) &amp;&amp; (!r.quizquestionfive)) {
      rt.text('All No');
    } else {
      rt.text('We have a mixed response');
    }
  }*/
  var results = {};
  
  function updateResult() {
   
   var r = results,
     rt = $('#result');
  
  
   if ((r.quizquestionone) &amp;&amp; (r.quizquestiontwo) &amp;&amp; (r.quizquestionthree) &amp;&amp; (r.quizquestionfour) &amp;&amp; (r.quizquestionfive)) {
    rt.text('green').addClass('green');
   } 
  
   else if ((r.quizquestionone) &amp;&amp; (r.quizquestiontwo) &amp;&amp; (r.quizquestionthree) &amp;&amp; (r.quizquestionfour) &amp;&amp; (!r.quizquestionfive)) {
    rt.text('green').addClass('green');
   } 
  
   else if ((r.quizquestionone) &amp;&amp; (r.quizquestiontwo) &amp;&amp; (!r.quizquestionthree) &amp;&amp; (r.quizquestionfour) &amp;&amp; (r.quizquestionfive)) {
    rt.text('green').addClass('green');
   }   
  
   else if ((r.quizquestionone) &amp;&amp; (r.quizquestiontwo) &amp;&amp; (!r.quizquestionthree) &amp;&amp; (r.quizquestionfour) &amp;&amp; (!r.quizquestionfive)) {
    rt.text('green').addClass('green');
   } 
  
   else if ((r.quizquestionone) &amp;&amp; (!r.quizquestiontwo) &amp;&amp; (r.quizquestionthree) &amp;&amp; (r.quizquestionfour) &amp;&amp; (r.quizquestionfive)) {
    rt.text('green').addClass('green');
   } 
  
   else if ((r.quizquestionone) &amp;&amp; (!r.quizquestiontwo) &amp;&amp; (r.quizquestionthree) &amp;&amp; (r.quizquestionfour) &amp;&amp; (!r.quizquestionfive)) {
    rt.text('green').addClass('green');
   }   
  
   else if ((r.quizquestionone) &amp;&amp; (r.quizquestiontwo) &amp;&amp; (r.quizquestionthree) &amp;&amp; (r.quizquestionfour) &amp;&amp; (!r.quizquestionfive)) {
    rt.text('green').addClass('green');
   }
  
   &lt;!-- YELLOW --&gt;
  
   else if ((r.quizquestionone) &amp;&amp; (!r.quizquestiontwo) &amp;&amp; (!r.quizquestionthree) &amp;&amp; (r.quizquestionfour) &amp;&amp; (r.quizquestionfive)) {
    rt.text('yellow').addClass('yellow');
   }
  
   else if ((r.quizquestionone) &amp;&amp; (!r.quizquestiontwo) &amp;&amp; (!r.quizquestionthree) &amp;&amp; (r.quizquestionfour) &amp;&amp; (!r.quizquestionfive)) {
    rt.text('yellow').addClass('yelllow');
   }  
  
   &lt;!-- RED --&gt;
  
   &lt;!--else if (!r.quizquestionone) {--&gt;
   &lt;!--rt.text('Based on your responses, it’s not clear whether you qualify for a U-Visa. Please schedule a consultation with an experienced immigration attorney. She will collect more information about your specific circumstances and determine whether a U Visa is a realistic possibility or if other immigration benefits might serve you better. The cost of the consultation is only $100 and will be applied to the cost of any legal work performed on your behalf. You may call our office at (317) 571-3600 or fill out the following form to begin.  ').addClass('red');--&gt;
   &lt;!--}--&gt;
  
   &lt;!--else if ((r.quizquestionone) &amp;&amp; (!quizquestionfour)) {--&gt;
   &lt;!--rt.text('Based on your responses, it’s not clear whether you qualify for a U-Visa. Please schedule a consultation with an experienced immigration attorney. She will collect more information about your specific circumstances and determine whether a U Visa is a realistic possibility or if other immigration benefits might serve you better. The cost of the consultation is only $100 and will be applied to the cost of any legal work performed on your behalf. You may call our office at (317) 571-3600 or fill out the following form to begin.  ').addClass('red');--&gt;
   &lt;!--}--&gt;
   else{
    rt.text('red').addClass('red');
   }
  }
  
  $(function result () {
    $('body').on('click', '[name]', function () {
      var $this = $(this),
          page = $this.closest('.page'),
          next_page = $(page.next());
      results[$this.attr('name')] = $(this).val() === 'yes';
      page.removeClass('active');
      next_page.addClass('active');
      if (next_page.hasClass('result')) updateResult();
    });
  });
    
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>