title: Disable/enable text field with radio button (jQuery)
body: <p>thanks for the past help. I am asking you again.</p>
  
  <p>I want to have 2 radio buttons, which will change the state (Enabled/Disabled) of a text input.</p>
  
  <p>I managed to make it come from disabled to enabled, but the problem is, that when you are switching between radio buttons, the text fields remains Enabled. And I do not want that.</p>
  
  <p>html is in fiddle</p>
  
  <pre><code>$(document).ready( function(){
  $('#casodhoda,#casodhoda1').prop('disabled',true);
  $('input[type=radio][name=radioknof1]').click( function(){
  $('#casodhoda,#casodhoda1').prop('disabled',true).val('');
  $(this).next('span').children('wpcf7-form-control-wrap casodhoda').prop('disabled',false).triggerHandler('focus');
  });
  });
  </code></pre>
  
  <p>EDIT, modified a little the code, and on any way cannot get to working solution anymore.. I want the input fields to be disabled at load, and when user clicks on radio it should enable both and focus on first input field. The <a href="http://jsfiddle.net/wLFKD/3/" rel="nofollow">http://jsfiddle.net/wLFKD/3/</a> is here. Thanks!</p>