title: Escaping characters in JQuery ID element in ui widget
body: <p>I'm trying to use the JQuery autocomplete select with an ID with ":" in it's name
  on this link you can find my problem:
  <a href="http://jsfiddle.net/Alch3mi5t/gW4UE/1/" rel="nofollow">JSfiddleShortLink</a></p>
  
  <p>the piece of code is:</p>
  
  <pre><code>   $(function() {
      $( "#sc\\:combobox" ).sc:combobox();
      $( "#toggle" ).click(function() {
          $( "#sc\\:combobox" ).toggle();
      });
  });
  </code></pre>
  
  <p>I'm not sure if after the <code>$( "#sc\\:combobox" ).</code> I should escape again the ":"
  and is this valid also in the JQuery function on top of the link</p>
  
  <pre><code>(function( $ ) {
      $.widget( "ui.sc:combobox", {
          _create: function() {etc
  </code></pre>
  
  <p>Could you give me some hints?
  I'm pretty stuck.
  I would prefer not to use the replace function if possible.
  Just need to figure out where to escape and where not.
  P.S. If I replace the code "sc:combobox" with "combobox" the selection is working perfectly
  as here:
  <a href="http://jsfiddle.net/Alch3mi5t/gW4UE/" rel="nofollow">JSFiddleWorking</a></p>
  
  <p>thank you guys!
  A.</p>