title: Passing variables with jQuery
body: <p>i'm relatively new to jquery and javascript and am trying to pass
  a unique id (number) into a flickr search function (jquery.flickr-1.0-js) like so, (number is the variable where i'm storing the unique id)</p>
  
  <pre><code>&lt;script type="text/javascript" src="javascripts/jquery.flickr-1.0.js"&gt;&lt;/script&gt;
  
   &lt;script type="text/javascript"&gt; 
  
   jQuery(function(){   
          jQuery(".btnRefresh").click(function(){
            var number = $(this).attr("id");
            $('#gallery_flickr_'+number+'').show();
              jQuery('#gallery_flickr_'+number+'').html("").flickr({      
                  api_key: "XXXXXXXXXXXXXXXXXXXXXXX",     
                  per_page: 15   
              });
          }); 
      }); 
  
    &lt;/script&gt;
  </code></pre>
  
  <p>When i try to pass it in to the flickr-1.0.js function like so (abbreviated)</p>
  
  <pre>
  (function($) {
  $.fn.flickr = function(o){
  
  var s = {
      text: $('input#flickr_search_'+number+'').val(),
     };
    };
  })(jQuery);
  </pre>
  
  <p>i get a error</p>
  
  <p>number is not defined
  [Break on this error] text: $('input#flickr_search_'+numbe...] for type=='search' free text search</p>
  
  <p>please help, what do i need to do to pass the variable between the two scripts?</p>
  
  <p>Thanks,</p>