title: How to call function more than once?
body: <p>I have this code I am trying to implement that calls a function</p>
  
  <pre><code>&lt;body&gt;
      &lt;nav id="menu"&gt;
          &lt;div id="app"&gt;
              &lt;ul class="List"&gt;
                  &lt;li&gt;&lt;span&gt;Enter Number below&lt;/span&gt;&lt;/li&gt;
                  &lt;div id="coachid"&gt;
                      &lt;input type="text" name="coachid" id="textbox1" value="22984"&gt;
                  &lt;/div&gt;              
                  &lt;li&gt;&lt;span&gt;Fitness Programs&lt;/span&gt;
                      &lt;ul id="programs"&gt;
                          &lt;li class="Label"&gt;&amp;nbsp;&lt;/li&gt;
                          &lt;li&gt;&lt;span&gt;10-Minute Trainer&lt;/span&gt;
                              &lt;ul id="10min"&gt;
                                  &lt;li class="Label"&gt;&amp;nbsp;&lt;/li&gt;
                                  &lt;li&gt;&lt;span&gt;Base&lt;/span&gt;
                                      &lt;ul id="10minBase"&gt;
                                          &lt;li class="Label"&gt;&amp;nbsp;&lt;/li&gt;
                                          &lt;label for="basic"&gt;Text Input:&lt;/label&gt;
                                          &lt;input type="hidden" name="basic" id="basic" value="10MinTrainer"/&gt;
                                          &lt;button id="getWebSite"&gt;Open Website&lt;/button&gt;&lt;br/&gt;
                                      &lt;/ul&gt;
                                  &lt;/li&gt;
                                  &lt;li&gt;&lt;span&gt;Deluxe&lt;/span&gt;
                                      &lt;ul id="10min"&gt;
                                          &lt;li class="Label"&gt;&amp;nbsp;&lt;/li&gt;
                                          &lt;input type="hidden" name="basic1" id="basic1" value="TMT"/&gt;
                                          &lt;button id="getWebSite"&gt;Open Website&lt;/button&gt;&lt;br/&gt;
                                      &lt;/ul&gt;
                                  &lt;/li&gt;
                                  &lt;li&gt;&lt;span&gt;Deluxe&lt;/span&gt;
                                      &lt;ul id="Deluxe"&gt;
                                          &lt;li class="Label"&gt;&amp;nbsp;&lt;/li&gt;&lt;input type="hidden" name="basic3" id="basic3" value="TMTUpgrade"/&gt;
                                          &lt;button id="getWebSite"&gt;Open Website&lt;/button&gt;&lt;br/&gt;
                                      &lt;ul&gt;
                                  &lt;/li&gt;                                
                              &lt;/ul&gt;
                          &lt;/li&gt;
                      &lt;/li&gt;
                  &lt;ul&gt;
                  &lt;/li&gt;               
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/nav&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>and here is the function</p>
  
  <pre><code>$(function() {              
      $('#getWebSite').unbind().click(function(){               
          goUrl = 'http://www.example.com/' + $("#basic").val() + '?referringRepId=' + $("#textbox1").val();
          window.location = goUrl;       
      });             
  });
  </code></pre>
  
  <p>I am trying to call the function multiple times throughout the code to redirect the button to a site based on info held within the html. Is this possible?</p>