title: How to disable a button using jquery
body: <p>I have an index page where I have a Create Button. On click of the create button it opens a new view called <code>CreateStudent</code> View where i have multiple bootstrapp tabs. Each tab contails a button on it. 
  Index view : Button</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-6 text-right"&gt;&lt;a class="btn btn-default CreateMe" href="/MyProject/StaffCreate" role="button"&gt;Create New&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the <code>CreateStudent</code> View has a button <code>LogOnAdd</code> on one of the tab:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-8 text-right"&gt;
          &lt;a class="btn btn-default LogonAdd" id="LogonAdd" href="#" role="button"&gt;Add &lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Using the below jquery I an trying to disable the <code>LogOnAdd</code> button.  </p>
  
  <pre><code>$('.CreateMe').click(function () {
      $(".LogonAdd").attr("disabled", true);
  });
  </code></pre>
  
  <p>But the above jquery code is not working. The button is not getting disabled. Can some body guide me what mistake I have made in the jquery.</p>
  
  <p>I am using vs 2010 and mvc4 . </p>
  
  <p>I doubt whether it is failing to find the control.</p>