title: Update KnockoutJS bound textbox with jQuery val()
body: <p>So I'm using KnockoutJS with the <a href="http://knockoutjs.com/documentation/plugins-mapping.html" rel="nofollow">KO Mapping Plugin</a> in a single page app and everything works great... except...</p>
  
  <p>There is an option for the referring site to send some values in the query string to prepopulate a couple textboxes. I have a JS function that parses the query string and uses jQuery val() to populate the KO bound textbox value. However, the value never gets set.</p>
  
  <p>Here is some pseudo-code on what I'm trying...</p>
  
  <pre><code>var jobTitle = "Ninja";
  
  $("#jobTitle").val(jobTitle); // doesn't work
  
  $("#jobTitle").val(jobTitle).change(); // doesn't work
  
  $("#hiddenJobTitle").val(jobTitle); // works
  </code></pre>
  
  <p>Markup</p>
  
  <pre><code>&lt;input id="jobTitle" type="text" data-bind="value: JobTitle" /&gt;
  
  &lt;input id="hiddenJobTitle" type="hidden" data-bind="value: JobTitle" /&gt;
  </code></pre>
  
  <p>An interesting note: I use the same code to set the value of a KO bound hidden field and it works fine.</p>