title: passing multiple form data to a jquery function
body: <p>Really all I need is some help with how to pass multiple variables from a form to jQuery. </p>
  
  <p>The details:</p>
  
  <p>I am trying to create a font color-mixer for my page. I successfully created a greyscale version of it that as people type in the parameters it makes the font brighter or darker. I have the same for the background. The code is this:</p>
  
  <pre><code>$(document).ready(function(){
    $("#leftsettingswindow").on("keyup", "#fontbrightness2", function(){
      var savedThis = this;
      setTimeout(function () {
        var ftbrVal = savedThis.value; 
          $('#content').css("color", "rgb(" + ftbrVal + "," + ftbrVal + "," + ftbrVal + ")");
          }, 1200);
      });});  
  </code></pre>
  
  <p>the HTML is this </p>
  
  <pre><code>    &lt;div id="fontbrightness"&gt;Font brightness B&amp;W: 
        &lt;input type="text" size="4"  value="0" id="fontbrightness2"&gt;%       &lt;/div&gt; 
  </code></pre>
  
  <p>The question is this (Of course I would not be asking if I was not a novice in jQuery)
  How do I pass multiple parameters so that I can have a font color mixer?</p>
  
  <p>the HTML is this:</p>
  
  <pre><code>&lt;div id="fontcolor"&gt;
  Font Color Mixer
   &lt;div id="fontred"&gt;
   Red &lt;input type="text" class="fcolors" size="4"  value="100" n="fr"&gt;%
   &lt;/div&gt;
   &lt;div id="fontgreen"&gt;
   Green &lt;input type="text" class="fcolors" size="4"  value="100" n="fg"&gt;%
   &lt;/div&gt;
   &lt;div id="fontblue"&gt;
   Blue &lt;input type="text" class="fcolors" size="4"  value="100" n="fb"&gt;%
   &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>as you can see from the different tags in the HTML code I was experimenting, but did not achieve the desired effect.</p>