title: Adding jquery 2.0.3 breaks text-align for textboxes on IE10
body: <p>I'm seeing some weird behavior when using jQuery.  It's like it is doing something to the <code>input[type=text]</code> elements to make them act weird.</p>
  
  <p>Note this jsFillder without jquery referenced.</p>
  
  <p><a href="http://jsfiddle.net/P3kk7/" rel="nofollow">http://jsfiddle.net/P3kk7/</a></p>
  
  <pre><code>&lt;style&gt;
      td.right input {
          text-align:right;
      }
  &lt;/style&gt;
  &lt;table&gt;
  &lt;tr&gt;
      &lt;td class="right"&gt;
          &lt;input type="text" /&gt;
      &lt;/td&gt;
      &lt;td id="testing"&gt;
          &lt;input type="text" /&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;script&gt;    
    var td = document.getElementById("testing");
    td.className = "right";
  &lt;/script&gt;
  </code></pre>
  
  <p>When you click inside each of the textboxes, you see the same behavior.  The cursor is right aligned as to be expected.</p>
  
  <p>Now when I add jQuery </p>
  
  <p><a href="http://jsfiddle.net/3Nrzd/" rel="nofollow">http://jsfiddle.net/3Nrzd/</a></p>
  
  <pre><code>&lt;script src="http://code.jquery.com/jquery-2.0.3.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Clicking on the javascript modified <code>className</code> does not right align the cursor.  After focusing on the second text box and start to enter some data, it will make it right aligned for the duration of the demo.</p>
  
  <p>I have done this using the <code>$().css()</code> method with no difference.
  I also have removed the <code>::ms-clear</code> pseudo element for giggles with no difference.</p>
  
  <p>I would expect both textboxes to act the same since they are the same.</p>
  
  <p>Any advice would be appreciated.  Ut</p>