title: html input displays different text to value that it posts
body: <p>I am feeling really stupid and not sure if doing something really dumb what... so excuse me in advance.</p>
  
  <p>I have the following HTML:</p>
  
  <pre><code>&lt;input type="text" value="0" name="pcscubes" id="pcscubes"&gt;
  </code></pre>
  
  <p>I have the below jquery syntax:</p>
  
  <pre><code>var cubes=123.2;
  $("#pcscubes1").val(cubes);
  var test=$("#pcscubes1").val();
  alert(test);
  </code></pre>
  
  <p>When the jquery executes, the input box will display 123.2 and the alert will be 123.2.</p>
  
  <p>if you inspect the html object though, the value is still 0?</p>
  
  <p>so the display of the input is different from what the real value is. so when I submit this form it posts 0 rather than 123.2</p>
  
  <p>Now I have built a whole web app with this syntax and works perfectly. today it just stops working? I have restarted browser, checked old code that was working, logged off and on and still it does the same.</p>
  
  <p>web app obviously has jquery loaded and jquery ui on this form.</p>
  
  <p>using codeigniter?</p>
  
  <p>any ideas as I am banging my head over something so stupid....</p>
  
  <p>Out of interest I created the below fiddle and it is doing the same?
  <a href="http://jsfiddle.net/49nqU/" rel="noreferrer">http://jsfiddle.net/49nqU/</a></p>
  
  <p><img src="https://i.stack.imgur.com/NDJju.jpg" alt="enter image description here"></p>
  
  <p>why is the value 0 when it is showing 123.2?</p>
  
  <p>Thanks as always,</p>