jQuery e valore checked

[ANTAGONIA]

Buon giorno a tutti.
Ho due checkbox

<div data-role="fieldcontain">
                            <fieldset data-role="controlgroup" data-type="horizontal">
                                <input class="custom" type="checkbox" name="chkNote" id="chkNote"  value="1" tabindex="1"/>
                                <label for="chkNote">note</label>
                                <input class="custom" type="checkbox" name="chkApp" id="chkApp" value="1" tabindex="1" checked="checked"/>
                                <label for="chkApp">appuntamento</label>
                            </fieldset>
          				</div>

La ckb appuntamento ha per default il valore checked e all'apertura della pagina si colora di blu.
Quello che mi servirebbe è gestire il checked perché è quello che determina la colorazione.
Quindi se clicco sulla prima, si colora la prima e decolora la seconda e viceversa.
Come faccio?
Grazie mille.

[ANTAGONIA]

sto provando cosi non funziona si accendono tutti e due:

$("#chkNote").click(
				function() {
					if ( $('#chkApp').attr('checked')) {
						//$('#chkApp').attr('checked', false);
						$('#chkApp').removeAttr('checked');
						alert("1");
					} else {
						alert("2");
						$('#chkApp').attr('checked', 'checked');
					}
ecc ecc

$("#chkApp").click(
			function() {
				
			
			if ( $('#chkNote').attr('checked')) {
						//$('#chkApp').attr('checked', false);
						$('#chkNote').attr('checked', 'checked');
						alert("1 app");
					} else {
						alert("2 app");
						
						$('#chkNote').removeAttr('checked');

grazie mille..