Determining which button was clicked

Determining which button was clicked

Hi all,  fairly new to jQuery & AJAX, but been programming for years.    I want to select a club and display data for that club.  I am trying to use 8 vertical buttons like so:

  1. <button class="button" >Rotary</button>
  2. <button class="button" >Kiwanis</button>   etc.

  3.  and according to the one clicked, I display info with this jQuery.
  4. $(document).ready(function() {
  5. $("button").???set the correct div in next line by which button was pressed.
  6. $("#div1").load("clubFile.txt #divClub")

the txt file is something like this

  1. <div id="divRotary">
  2. <h3>hgkgkhgkh</h3>
  3. etc, etc
  4. </div>
  5. <div id="divKiwanis">
  6. <h3>kgfhgjk</h3>
  7. etc, etc
  8. </div>
  9. and so on

I want to pass the correct div to the load method to get the right info.  Not sure if this makes sense but hope someone can tell me what is the best way to choose an option and display certain info accordingly.  Are the buttons given indexes and how would you access that index?   I tried a couple of things but it always comes back to determining which button was clicked to get the correct reference in the txt file.   Is there some way I could pass a variable to the function from the button click event or something like that?

Thanks,  Gil