Setting a new dimension using jQuery or Javascript for CylinderGeometry from Three.js

I am trying to resize at runtime for a cylinder created using Three.js examples. and the code I'm trying does not work:

Here is my code: HTML

<script src="http://www.html5canvastutorials.com/libraries/three.min.js"></script>
<div id="container"></div>
<div class="inputRow clear" id="dimensionsNotRound" data-role="tooltip">
    <label class="grid-8">Dimensions (pixels):</label>
    <br/>
    <br/>
    <div> <span>Length</span>

        <input class="numeric-textbox" id="inp-cylLength" type="text">
        <br/>
        <br/>
    </div>
    <div> <span>Diameter</span>

        <input class="numeric-textbox" id="inp-cylDiameter" type="text" >
        <br/>
        <br/>
    </div>
    <input type="button" value="Click me to change the Dimensions" onclick="updateObject();" />

Js

function updateObject() {
        var diameter = parseInt(document.getElementById('inp-cylDiameter').value) / 2,
            length = parseInt(document.getElementById('inp-cylLength').value);
        alert('diameter ' + diameter + ' + length ' + length);

        cylinder.scale.x = diameter;
        cylinder.scale.y = diameter;
        cylinder.scale.z = length;
    } 
    //Script for 3D Cylinder 

    // revolutions per second
    var angularSpeed = 0.2;
    var lastTime = 0;

    var cylinder = null;
    // this function is executed on each animation frame
    function animate() {
        // update
        var time = (new Date()).getTime();
        var timeDiff = time - lastTime;
        var angleChange = angularSpeed * timeDiff * 2 * Math.PI / 1000;
        cylinder.rotation.x += angleChange;
        cylinder.rotation.z += angleChange;
        lastTime = time;

        // render
        renderer.render(scene, camera);

        // request new frame
        requestAnimationFrame(function () {
            animate();
        });
    }

    // renderer
    var container = document.getElementById("container");
    var renderer = new THREE.WebGLRenderer();
    renderer.setSize(container.offsetWidth, container.offsetHeight);
    container.appendChild(renderer.domElement);

    // camera
    var camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 1, 1000);
    camera.position.z = 700;

    // scene
    var scene = new THREE.Scene();

    // cylinder
    // API: THREE.CylinderGeometry(bottomRadius, topRadius, height, segmentsRadius, segmentsHeight)
    cylinder = new THREE.Mesh(new THREE.CylinderGeometry(150, 150, 500, 100, 100, false), new THREE.MeshPhongMaterial({
        // light
        specular: '#cccccc',
        // intermediate
        color: '#666666',
        // dark
        emissive: '#444444',
        shininess: 100
    }));
    cylinder.overdraw = true;
    cylinder.rotation.x = Math.PI * 0.2;
    //cylinder.rotation.y = Math.PI * 0.5;
    scene.add(cylinder);

    // add subtle ambient lighting
    var ambientLight = new THREE.AmbientLight(0x444444);
    scene.add(ambientLight);

    // directional lighting
    var directionalLight = new THREE.DirectionalLight(0xcccccc);
    directionalLight.position.set(1, 1, 1).normalize();
    scene.add(directionalLight);

    // start animation
    animate();

Here is a script for the same: http://jsfiddle.net/b9Jmp/1/

Let me know if you need any other information.

Please offer.