title: How to resize QR code?
body: <p>My current HTML code:</p>
  
  <pre><code>&lt;input id="text" type="text"/&gt;
  &lt;div id="qrcode"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>My OLD JAVASCRIPT code:</p>
  
  <pre><code>var qrcode = new QRCode("qrcode");
  
  $("#text").on("keyup", function () {
  qrcode.makeCode($(this).val());
  }).keyup().focus();
  
  $("#qrcode").kendoQRCode({
    value: "#test"
  });
  
  $("#qrcode")
     .css({ width: "100px", height: "100px" })
     .data("kendoQRCode").resize();
  </code></pre>
  
  <p>My current JAVASCRIPT code:</p>
  
  <pre><code>var qrcode = new QRCode("qrcode");
  
  $("#qrcode").kendoQRCode({
    $("#text").on("keyup", function () {
  qrcode.makeCode($(this).val());
  }).keyup().focus();
  });
  
  $("#qrcode")
     .css({ width: "100px", height: "100px" })
     .data("kendoQRCode").resize();
  </code></pre>
  
  <p>I'm using JQuery UI 1.9.2 , qrcode.min.js and kendo.all.min.js</p>
  
  <p>For my OLD JAVASCRIPT, it print out 2 different qrcode.
  For my current JAVASCRIPT, it doesn't print out anything.
  I have tried different way to resize it by using css but it doesn't work as well.
  How to solve it?Any idea?</p>