title: Filling the button value from an array through the ID in jQuery Mobile
body: <p>I have started to create a Quiz. All Questions and answers are today in the same array. Over the id's <code>b1 - b4</code> and the function <code>getElementById</code>, it was a success with HTMl, JavaScript and CSS.</p>
  
  <p>But now I want to "convert" this script in to a mobile version. So I started to work with jQuery Mobile. I changed getElementById into <code>$("#variable").val(array);</code>. And checked it with Firebug. Firebug tells me, that the value of the button was filled with the Array-values, but I can't see it in the normal view..</p>
  
  <p>Can someone tell me a solution of my mistakes?</p>
  
  <p>HTML-Buttons</p>
  
  <pre><code>                &lt;input id='b1' type="button" value="" ONCLICK="analyseB1()"/&gt;
  
                  &lt;input id='b2' type="button" value=""  ONCLICK="analyseB2()"/&gt;
  
  
                  &lt;input id='b3' type="button" value=""  ONCLICK="analyseB3()"/&gt;
  
                  &lt;input id='b4' type="button" value=""  ONCLICK="analyseB4()"/&gt;
  
                  &lt;input id='next' type="button" value="Next Question" ONCLICK="next()"/&gt;
  </code></pre>
  
  <p>JS-Function</p>
  
  <pre><code>function next()
  {   
      document.getElementById('header').innerHTML = array[questioncounter][0];
      $("#b1").val(array[questioncounter][1]);
      $("#b2").val(array[questioncounter][2]);
      $("#b3").val(array[questioncounter][3]);
      $("#b4").val(array[questioncounter][4]);
  
      document.getElementById('next').style.display='none';
  
      document.getElementById('b1').style.backgroundColor = '';
      document.getElementById('b2').style.backgroundColor = '';
      document.getElementById('b3').style.backgroundColor = '';
      document.getElementById('b4').style.backgroundColor = ''; 
  </code></pre>
  
  <p>}</p>