title: Jquery - Google Font Select with Font Size, Weight, Style
body: <p>I am trying to customize one of the functions I already have for selecting a Google font and updating the preview DIV, however I also want to add "Font Size", "Font Weight", "Letter Spacing" etc, but with this function it only works when you click on the Main Font Selecter combox box, I want it to check other options like font weight, size, letter spacing and then update the preview, I tried adding Jquery code indivudally for each element but them I cannot get the value ID of the main select box.. Can someone please help me make this, or atleast work on only one extra option that I have added, so that for the rest I will do myself.. Please take a look at this fiddle as I am almost 0 when it comes to jquery..</p>
  
  <pre><code>//init when value is changed
  jQuery( '.google_font_select' ).change(function(){ 
      var mainID = jQuery(this).attr('id');
      GoogleFontSelect( this, mainID );
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/3eWmJ/" rel="nofollow">http://jsfiddle.net/3eWmJ/</a></p>