title: Load div with content on button click
body: <p>i want to load some divs with jquery according to buttons.
  For example we have </p>
  
  <pre><code>&lt;div class="content"&gt;
      &lt;button type="button" name="addteam"&gt;Add New Team&lt;/button&gt;
      &lt;button type="button" name="addplayer"&gt;Add New Player&lt;/button&gt;
      &lt;button type="button" name="addgame"&gt;Add New Game&lt;/button&gt; 
      &lt;button type="button" name="deleteteam"&gt;Delete Team&lt;/button&gt;
      &lt;button type="button" name="deleteplayer"&gt;Delete Player&lt;/button&gt;
      &lt;button type="button" name="deletegame"&gt;Delete Game&lt;/button&gt;
      &lt;button type="button" name="addplayermatch"&gt;Add Player To Match&lt;/button&gt;
      &lt;button type="button" name="deleteplayermatch"&gt;Remove Player From Match&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now if the user clicks on say <code>Add New Player</code> i want it to show the </p>
  
  <pre><code>&lt;div class="addnewplayer"&gt;
      &lt;h2&gt;Add New Player&lt;/h2&gt;
      &lt;form action="addplayer.php" method="POST"/&gt;
          &lt;p&gt;Name: &lt;input type="text" name="name" /&gt;&lt;/p&gt;
          &lt;p&gt;Sex: &lt;input type="text" name="sex" /&gt;&lt;/p&gt;
          &lt;p&gt;Email: &lt;input type="text" name="email" /&gt;&lt;/p&gt;
          &lt;p&gt;Birth: &lt;input type="text" name="birth" /&gt;&lt;/p&gt;
          &lt;p&gt;League: &lt;input type="text" name="league" /&gt;&lt;/p&gt;
          &lt;p&gt;Team: &lt;select name="teamName" class="addPTeam"&gt;&lt;script&gt;fillTeams();&lt;/script&gt;&lt;/select&gt;&lt;/p&gt;
          &lt;input type="submit" value="Submit" /&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I just picked up jquery this week. I understand i can make a function onClick for each button but is that wise enough? And then use <code>$(".addnewplayer").html(....</code> and put the whole div info in there?</p>
  
  <p>If you could point out the best way to do this.</p>
  
  <p>Thank you</p>