title: Creation of mobile keypad for touchscreen using jquery
body: <p>I have created a number keypad using javascript. On each button click i have done the below:-
  Buttons are:-</p>
  
  <pre><code>&lt;input type="button" value="2" class="num-key" onclick="insertvalue(this.value)"&gt;
  &lt;input type="button" value="3" class="num-key" onclick="insertvalue(this.value)"&gt;
  &lt;input type="button" value="4" class="num-key" onclick="insertvalue(this.value)"&gt;
  </code></pre>
  
  <p>the method is:-</p>
  
  <pre><code>function insertvalue(value)
  {   
  document.getElementById('number').value=document.getElementById('number').value + value;
  }
  </code></pre>
  
  <p>It is working but it is to slow. If i will do this using jquery it might be fast. But i have done this using jquery</p>
  
  <pre><code>$( ".num-key" ).click(function() {
  $(".num-text").val($(this).val());
  });
  </code></pre>
  
  <p>But it is not working please tell me how to do this.</p>