title: Rendered button size is tiny
body: <p>In the below code,</p>
  
  <pre><code>&lt;head&gt;
          &lt;title&gt;Intro&lt;/title&gt;
          &lt;meta charset="UTF-8"&gt;
          &lt;script type="text/javascript" src="../js/jquery-1.11.3.js"&gt;
          &lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              jQuery(document).ready(function(){
                  jQuery('#button1').click(function(){
                      alert('Button clicked');
                  });
              });
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;button type="button" id="button1" value="Click Me"&gt;&lt;/button&gt;
      &lt;/body&gt;
  </code></pre>
  
  <hr>
  
  <p><code>button1</code> size looks tiny on rendering.</p>
  
  <p><em>firefox 45</em> and <em>chrome 47</em> render the tiny size button.</p>
  
  <p>How do I resolve this error?</p>
  
  <p><em>Note: <code>window.jQuery</code> is created</em></p>