title: Uncaught Error: Syntax error, unrecognized expression. Escaping characters?
body: <p>I'm trying to show a div element with the id "online-payments" if a specific radio box is selected during the checkout process.</p>
  
  <p>So far I have the following:</p>
  
  <pre><code>&lt;div id="online-payments" style="display: none;"&gt;
      Test
  &lt;/div&gt;
  </code></pre>
  
  <p>And for the javascript:</p>
  
  <pre><code>jQuery(document).ready(function(){
  jQuery("radio[@name='payment\[method\]']").click(function(){
  if (jQuery("radio[@name='payment\[method\]']:checked").val() == 'checkmo')
  jQuery("#online-payments").show();
  });
  });
  </code></pre>
  
  <p>This is a Magento store so im using the no-conflict mode because of the prototype libraries.</p>
  
  <p>The problem comes down to the radio's name. It's <strong>payment[method]</strong> by default on Magento (I've tried to change it, but it looks like it would give me more work than I had anticipated).</p>
  
  <p>So it really comes down to escaping those brackets [ ], which I thought I did, but even then it's throwing me this error:</p>
  
  <pre><code>Uncaught Error: Syntax error, unrecognized expression: radio[@name='payment[method]'] 
  </code></pre>
  
  <p>What's wrong here?</p>