Auswählen eines Elements mit einem Doppelpunkt im ID-Attribut mit jQuery

Question

Wenn ich einen Bezeichner id=cu:w mit einem Doppelpunkt darin habe, wie könnte ich es mit jQuery auswählen?

$(function() { 
 
    $('#cu:w').on('change', function() { 
 
    $(this).hide(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<fieldset> 
 
    <legend>Check Here 
 
    <input id='cu:w' type="checkbox"> 
 
    </legend> 
 
    <span class="myClass"> 
 
      <p>This is the text.</p> 
 
     </span> 
 
</fieldset>

Answer 1

Doppel escape the colon

$('#cu\\:w') 

Updated Fiddle

Answer 2

Sie müssen die : mit \\ entkommen:

$('#cu\\:w') 

Updated fiddle