"scroll" to the end of the input after js modifies input's value
<p>I have a <code>&lt;input id="inp" type="text"&gt;</code> that user writes in, and sometimes uses suggests from a dictionary. When a suggest is selected I do: </p>

<pre><code>var input = $('#inp'); 
input.val(input.val()+suggestedText+' '); 
input.focus(); // that is because the suggest can be selected with mouse
</code></pre>

<p>everything works great, but when after adding a suggest that makes the resulting <code>input.val()</code> too long to fit in the edit field, the cursor is at the end of the string (which is good), but only the beginning of the string is visible in the edit field, so the cursor is hidden as well. </p>

<p>As soon as a key is pressed (a key that changes the value) the "scroll" goes to the end of the string hiding the beginning... How to trigger this behavior automatically, without having to press a key?</p>

<p>I have found a solution <a href="http://stackoverflow.com/questions/1962168/scroll-to-the-very-right-of-a-long-text-input">here</a> - but it is not good as the whole input experience is changed... </p>
