Error can't get value when using plugin in jquery?
<p>I using plugin in jquery about font family:</p>

<pre><code>/**
* Font selector plugin
* turns an ordinary input field into a list of web-safe fonts
* Usage: $('select').fontSelector();
*
* Author     : James Carmichael
* Website    : www.siteclick.co.uk
* License    : MIT
*/
jQuery.fn.fontSelector = function() {

  var fonts = new Array(
                'Arial,Arial,Helvetica,sans-serif',
                'Arial Black,Arial Black,Gadget,sans-serif',
                'Comic Sans MS,Comic Sans MS,cursive',
                'Courier New,Courier New,Courier,monospace',
                'Georgia,Georgia,serif',
                'Impact,Charcoal,sans-serif',
                'Lucida Console,Monaco,monospace',
                'Lucida Sans Unicode,Lucida Grande,sans-serif',
                'Palatino Linotype,Book Antiqua,Palatino,serif',
                'Tahoma,Geneva,sans-serif',
                'Times New Roman,Times,serif',
                'Trebuchet MS,Helvetica,sans-serif',
                'Verdana,Geneva,sans-serif' 
  );

  return this.each(function(){

    // Get input field
    var sel = this;

    // Add a ul to hold fonts
    var ul = $('&lt;ul class="fontselector"&gt;&lt;/ul&gt;');
    $('body').prepend(ul);
    $(ul).hide();

    jQuery.each(fonts, function(i, item) {

      $(ul).append('&lt;li&gt;&lt;a href="#" class="font_' + i + '" style="font-family: ' + item + '"&gt;' + item.split(',')[0] + '&lt;/a&gt;&lt;input type="hidden" id="select_font_family" value="'+item+'" /&gt;&lt;/li&gt;');
      // Prevent real select from working
      $(sel).focus(function(ev) {

        ev.preventDefault();

        // Show font list
        $(ul).show();

        // Position font list
        $(ul).css({ top:  $(sel).offset().top + $(sel).height() + 4,
                    left: $(sel).offset().left});

        // Blur field
        $(this).blur();
        return false;
      });

      $(ul).find('a').click(function() {
        var font = fonts[$(this).attr('class').split('_')[1]];
        $(sel).val(font);
        $(ul).hide();
        return false;
      });
    });

  });

}
</code></pre>

<p>And html :</p>

<pre><code>&lt;input type="text" value="" id="select_font_family" /&gt;
</code></pre>

<p>with jquery:</p>

<pre><code>$('input#select_font_family').fontSelector();
$('ul.fontselector').find('a').click(function() {
    var test = $('input#select_font_family').val();
    alert(test);
}); 
</code></pre>

<p>When i click on is result can't get value from , how to fix it ?</p>
