title: jquery reference ID with space in name
body: <p>I am using jquery with a jquery multi select extension.</p>
  
  <p>For my html syntax:</p>
  
  <pre><code>&lt;select multiple="multiple"  id="test"&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;
  </code></pre>
  
  <p>I then get the values of the multi-select with:</p>
  
  <pre><code>  $(function() {
  
          $('#test').change(function() {
              console.log($(this).val());
          }).multipleSelect({
              width: '100%'
          });
      });
  </code></pre>
  
  <p>This works 100%.</p>
  
  <p>my question is how do I get this to work when the ID has a space in it. I know it isnt ideal to have a space in an ID or Name but it is what it is currently and I need to get the multiple select options from the ID with a space.
  so example:</p>
  
  <pre><code>&lt;select multiple="multiple"  id="test two"&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;
  
  $(function() {
  
              $('#test two').change(function() {
                  console.log($(this).val());
              }).multipleSelect({
                  width: '100%'
              });
          });
  </code></pre>
  
  <p>this fails with the space in it.</p>
  
  <p>I have tried a few options like below without any success.</p>
  
  <p>any advice appreciated a always.</p>
  
  <pre><code>$(function() {
  
  $("#test two").change(function() {
                      console.log($(this).val());
                  }).multipleSelect({
                      width: '100%'
                  });
              });
  </code></pre>