title: How to generate FullCalendar from button click
body: <p>All documentation I've seen loads AR Shaws FullCalendar on Document.Ready as so....</p>
  
  <pre><code>$(document).ready(function() {
  
      // page is now ready, initialize the calendar...
  
      $('#calendar').fullCalendar({
         // my options and callbacks here
      })
  
  });
  </code></pre>
  
  <p>On one particular page I am offering the user the ability to select what events will be rendered by offering a set of cascading dropdowns. Only after all the dropdowns are set do I want to generate the calendar. So I have a button which will run a client script to check that the dropdowns all have values selected and if OK I then want the calendar to generate. I already have code in the options section that grabs the values of the dropdowns and uses that to get the event that match the criteria.</p>
  
  <p>My button onClick code is...</p>
  
  <pre><code>function butGenCal() {
      // code to check dropdownlists
      // if pass then I call
      genCalendar();
      // else I show error message
  }
  </code></pre>
  
  <p>My genCalendar code is...</p>
  
  <pre><code>function GenCalendar() {
      (function() {
        $('#calendar').fullCalendar({
            // my options and callbacks here
        })
  
      });
  }
  </code></pre>
  
  <p>Unfortunately this does not work... no errors showing either. Any help appreciated.</p>