title: Changing content in a div when a link is clicked
body: <p>I am trying to change a div content box when a link above that box is clicked. I added a click function to the individual buttons then the corresponding dive containing the content for that particular box should be displayed.</p>
  
  <p>When I apply the jQuery to the page, the content does not change according to the link that is clicked and the page displays awkwardly.</p>
  
  <p>This is the <a href="http://jsfiddle.net/PZnSb/" rel="nofollow">jsfiddle</a> I'm working with. 
  The webpage I'm working with is <a href="http://types4u.org/ema/new-members.php" rel="nofollow">here</a>.</p>
  
  <p>Place where am i making the mistake.</p>
  
  <p>The jQuery I'm working with so far looks like this </p>
  
  <pre><code>$(document).ready(function() {
  $('.question1').click(function(){
      $('.new_member_box_display').load('#answer1');
  })
  
  $('.question2').click(function(){
      $('.new_member_box_display').load('#answer2');
  })
  
  $('.question3').click(function(){
      $('.new_member_box_display').load('#answer3');
  })
  
  $('.question4').click(function(){
      $('.new_member_box_display').load('#answer4');
  })
  
  });//end of ready
  </code></pre>
  
  <p>The HTML I'm working with looks like this :</p>
  
  <pre><code> &lt;div class="new_member_box"&gt;
                              &lt;a href="#" class="question1"&gt;&lt;h4&gt;Vision&lt;/h4&gt;&lt;/a&gt;
                          &lt;/div&gt;  
  
                          &lt;div class="new_member_box"&gt;
                              &lt;a href="#" class="question2"&gt;&lt;h4&gt;Church History&lt;/h4&gt;&lt;/a&gt;
                          &lt;/div&gt;  
  
                          &lt;div class="new_member_box"&gt;
                              &lt;a href="#" class="question3"&gt;&lt;h4&gt;Becoming a Member&lt;/h4&gt;&lt;/a&gt;
                          &lt;/div&gt;  
  
                          &lt;div class="new_member_box"&gt;
                              &lt;a href="#" class="question4"&gt;&lt;h4&gt;Pastor-in-Training&lt;/h4&gt;&lt;/a&gt;
                          &lt;/div&gt; 
                      &lt;/div&gt;
                      &lt;div class="clear" class="question"&gt;&lt;/div&gt;
                      &lt;div  id="answer1"&gt;
                          1
                      &lt;/div&gt; 
  
                      &lt;div  id="answer2"&gt;
                          2
                      &lt;/div&gt; 
  
                      &lt;div  id="answer3"&gt;
                         3
                      &lt;/div&gt; 
  
                      &lt;div  id="answer4"&gt;
                          4
                      &lt;/div&gt;   
  
                      &lt;div class="new_member_box_display" id="question"&gt;
                          Text will appear here when one of the tabs above is clicked
                      &lt;/div&gt; 
  </code></pre>