title: jQuery triggers in a form
body: <p>I previous recieved help with a problem, getting a multiple option select form to create new inputs, depending on how many were selected. The code below is what ended up working for me (credit goes to <a href="https://stackoverflow.com/users/8815/peter-bailey" title="Peter Bailey">Peter Bailey</a>)</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;title&gt;test&lt;/title&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
  &lt;script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  $(function()
  {
    $('#test')
      .after( '&lt;div id="option-inputs"&gt;&lt;/div&gt;' )
      .find( 'option' ).each( function()
      {
        var $option = $(this);
        $option
          .data( '$input', $( '&lt;span&gt;' + $option.text() + ': &lt;/span&gt;&lt;input&gt;&lt;br&gt;').appendTo( '#option-inputs' ).hide() )
          .bind( 'toggle-input', function()
          {
            var $input  = $option.data( '$input' );
            if ( $option[0].selected )
            {
              $input.show();
            } else {
              $input.hide();
            }      
          })
          .bind( 'click', function()
          {
            $(this).siblings().andSelf().trigger( 'toggle-input' );
          })
          .trigger( 'toggle-input' )
        ;
      })
    ;
  });
  
  
  &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;select id="test" multiple="multiple"&gt;
    &lt;option value="1"&gt;1&lt;/option&gt;
    &lt;option value="2"&gt;2&lt;/option&gt;
    &lt;option value="3"&gt;3&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I don't know jQuery so I need help with one last tweak. I need to be able to limit which options selected create new boxes. So, if an option of value -1 or 0 is selected, a new textbox is not created. Anything else does. </p>
  
  <p>Also is there any way to have other select forms trigger this to one to update? In regular javascript you'd use onChange="" and a function to update it. The reason for this is that the select table is dynamically populated, based on the input of the previous select table. If you go back and make changes to the previous select table, it doesn't update the jQuery, the previous inputs remain.</p>
  
  <p>Thanks for the assistance!</p>