title: How to make textbox enable and disable on change using JQuery
body: <p>I have piece of html code as well as script code. I need solution to handle on change event of one text box that disable act of inputting data in another text field. Could any one help me in regarding.</p>
  
  <pre><code>&lt;div id="cca" class="leaf"&gt;
   &lt;label class="control input text" title=""&gt;
      &lt;span class="wrap"&gt;cca&lt;/span&gt;
       &lt;input class="" type="text" value="[Null]"/&gt;
      &lt;span class="warning"&gt;&lt;/span&gt;
   &lt;/label&gt;
  &lt;/div&gt;
  &lt;div id="ccit" class="leaf"&gt;
   &lt;label class="control input text" title=""&gt;
      &lt;span class="wrap"&gt;ccit&lt;/span&gt;
       &lt;input class="" type="text" value="[Null]"/&gt;
      &lt;span class="warning"&gt;&lt;/span&gt;
   &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>$(document).ready(function () {        
      alert("hello");        
      $("#cca").on('change', 'label.control input', function (event) {
          alert('I am pretty sure the text box changed');
          $("ccit").prop('disabled',true);
          event.preventDefault();
      });
  });
  </code></pre>