title: jQuery submit(); not picking up value
body: <p>I'm using image replacements for radio buttons by hiding the buttons and selecting them depending on what image is clicked.</p>
  
  <p>When an image is clicked I want them to select a radio button, and then submit.</p>
  
  <p>This is my original code:</p>
  
  <pre><code>$('#settings img').click(function() {
    $(this).parent().find(":radio").attr('checked', true);
  });
  </code></pre>
  
  <p>This works if I click on an image and then submit.</p>
  
  <p>I extended it to submit the form on click:</p>
  
  <pre><code>$('#settings img').click(function() {
    $(this).parent().find(":radio").attr('checked', true);
    $("#settings").submit();
  });
  </code></pre>
  
  <p>In this case, the form submits but it does not change the value. If I submit it by clicking the button, it works fine.</p>
  
  <p>Where have I gone wrong?</p>