title: Grey out and make text box read only using jquery
body: <p>Hi i want to make a text box turn grey and be made read only when a checkbox is ticked. Currently i am able to get the text box to be made read only but will not turn grey. I would usually use the disabled attribute, however i need the value of the text box still to be sent so the disabled attribute can not be used here as it returns a null value.</p>
  
  <pre><code>jQuery(document).ready(function () {
     $("#redflag2").click(function () {
        $('#new_contracted_support_hours').attr("readonly", $(this).is(":checked"));
        $('#new_contracted_support_hours').addclass("greyba", $(this).is(":checked"));
    });
  });
  </code></pre>
  
  <p>css</p>
  
  <pre><code>.greyba{
      background-color:rgba(178,178,178,1.00);
  
  }
  </code></pre>