title: jQuery dont trigger .change
body: <p>I have 2 functions: the first one will update an input field, and the second one will show an image if the input value is a valid image.</p>
  
  <p>I can not merge them into only one function because they are working on separated pages (I have just putted them on one page for the example). Also I can not change the first function!</p>
  
  <p>Instead of <code>.change</code> if I use <code>.blur</code> or <code>.focusout</code> I have to click in and out the input box to update the image. How can I get it working without extra clicks?</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function() {
     $("input:radio").click(function() {
        $("#image").val($(this).val());
     });
  });
  
  
  
  $(document).ready(function() {
     $('#image').change(function() {
        var src = $(this).val();
        $('#imagePreview').html(src ? '&lt;img src="' + src + '"&gt;' : '');
     });
  });
  &lt;/script&gt;
  
  &lt;form&gt;
  &lt;input type="radio" name="name" value="http://www.w3schools.com/images/w3schoolslogo.gif" /&gt; IMG&lt;br /&gt;
  &lt;input type="radio" name="name" value="http://www.google.bg/logos/classicplus.png" /&gt; IMG&lt;br /&gt;
  &lt;input type="radio" name="name" value="http://www.w3schools.com/images/w3schoolslogo.gif" /&gt; IMG&lt;br /&gt;
  &lt;input type="radio" name="name" value="http://www.google.bg/logos/classicplus.png" /&gt; IMG&lt;br /&gt;
  &lt;input type="radio" name="name" value="http://www.w3schools.com/images/w3schoolslogo.gif" /&gt; IMG&lt;br /&gt;
  &lt;/form&gt;
  
  
  &lt;input id="image" type="text" name="fname" /&gt;
  
  
  
  &lt;div id="imagePreview"&gt;
  
  &lt;/div&gt;
  </code></pre>