title: Move cursor to the right end side after tying or focusing a textbox
body: <p>I have a textbox which accepts numeric values, i want the cursor to be moved on the right end side when user focus on the textbox or types anything in it.</p>
  
  <p><em><strong>HTML Markup</strong></em></p>
  
  <pre><code>&lt;input type="text" class="numericBox" tabindex="0" value="0.00"&gt;
  </code></pre>
  
  <p><em><strong>CSS</strong></em></p>
  
  <pre><code>.numericBox{
   text-align:right;
  }
  </code></pre>
  
  <p><a href="http://fiddle.jshell.net/BFY2G/" rel="nofollow"><h1>Fiddle Demo</h1></a></p>
  
  <p>I have tried <code>direction:rtl</code> property of CSS, but i think it's not for the same. Any suggestion with jQuery or pure CSS/CSS3 will be apreciated.</p>
  
  <p>Thank You.</p>