title: Disabling/Enabling div using jquery
body: <p>I am relatively new to jQuery. I am working on an application to create a widget for accepting donations for NGO.</p>
  
  <pre><code>&lt;div data-rle="content" id="save"&gt;  
  &lt;label for="saveWidget"&gt;Save your Widget before posting in online:&lt;/label&gt;  
  &lt;input type="submit" value="Save Widget" id="saveWidget"
  data-theme="b" data-inline="true" /&gt;  
  &lt;/div&gt;  
  &lt;div data-rle="content" id="post"&gt;  
  &lt;fieldset data-role="controlgroup"&gt;  
      &lt;legend&gt;Select on option for posting your online:&lt;/legend&gt;  
      &lt;input type="radio" name="submit" id="html" value="hmtl"
      checked="checked" /&gt; &lt;label for="html"&gt;Please provide
      the HTML - I'll post it myself. &lt;br&gt;The HTML will be
      displayed below.&lt;/label&gt;   
              &lt;input type="radio" name="submit" id="blog" value="blog" /&gt;   &lt;label
      for="blog"&gt;Go to Blogger&lt;/label&gt;  
  &lt;/fieldset&gt;  
  &lt;input type="submit" value="Get HTML" id="submitWidget"
  data-theme="b" data-inline="true" /&gt;  
  &lt;/div&gt;
  </code></pre>
  
  <p>My goal is to have the div with <code>id="post"</code> disabled in the start, and when user clicks on save I want to enable the div. I tried using <code>$('#post').attr('disabled', true);</code> but it does not seem to work. The div does not get disabled
  Any ideas on how to achieve this.</p>