jquery, generar un detalle de venta problemas con un if

[Copia]

Hola comunidad.
Estoy realizando un formulario donde realizo una busqueda de un producto y el resultado se carga en un formulario, luego cuando hago clic en un botton mas se añade una tabla abajo con los datos requeridos, como la imagen:

La imagen la url es esta, no se porque no se ve: http://img816.imageshack.us/f/formulariodetalle.png/
Hay dos input tipe=hidden uno para el id del producto, y otra donde pongo la cantidad de productos que hay en almacen, pues cuando yo pongo un dato en el campo CANT este activa una funcion en jquery como sigue:

Código Javascript:

$(document).ready(function(){
            $('#ccantidad').change(function()
            {
                $("#csubtotal").attr('value', '');
                cantidadbase = $('#ccant').val();
                cantidaduser = $('#ccantidad').val();                
                if(cantidaduser <= cantidadbase){
                    var total = $('#cprecio').val() * cantidaduser;
                    $("#csubtotal").attr('value', total);
                }else{
                    alert('La cantidad exedio los '+cantidadbase+' permitidos');
                }
            });
        });
 

En cantidadbase = $('#ccant').val(); pongo el numero de productos en la base de datos.
y en cantidaduser = $('#ccantidad').val(); se pone la cantidad que el usuario quiso al ponerlo en el campo CANT, pero a veces la cantidadbase es menor a cantidaduser, y en el if que hay en esa funcion logicamente deberia calcular el total, pero no es asi, pasa al else y no se porque pasa eso.

Dejo tambien el codigo html:

Código HTML:

</fieldset>
    <fieldset>
        <legend>Busque el Producto</legend>
        <div id="action">
            <table id="detcompra">
                <thead>
                <th>Nombre del Producto</th>
                <th>Cant.</th>
                <th>Precio</th>
                <th>Sub T.</th>
                <th>Accion</th>
                </thead>
                <tbody>
                    <tr>
                        <td><input type="hidden" class="mon" value=" 4" name="bidProducto" id="bidProducto">
                            <input type="text" class="descripcion" name="nproducto" id="nproducto"></td>
                        <td> <input type="hidden" class="mon" value="20" name="ccant" id="ccant">
                            <input type="text" class="mon" value="" name="ccantidad" id="ccantidad"></td>
                        <td><input type="text" class="mon" value="" name="cprecio" id="cprecio"></td>
                        <td><input type="text" class="mon" value="" name="csubtotal" id="csubtotal"></td>
                        <td><a href="http://localhost/proyect/buscador/index/tabla/2/camp1/idProducto/camp2/Nombre/camp3/Cantidad/camp4/precioPublico/camp5/foto/formulario/formulario/idbus/bidProducto/rem1/nproducto/rem2/ccant/rem3/cprecio/rem4/0/op/2" rel="pop-up" id="buscador" class="imgenlace">                            <img src="http://localhost/proyect/img/btn_buscar.png" id="busProduct">
                            </a><img src="http://localhost/proyect/img/mas.png" id="add"></td>
                    </tr>
            </tbody></table>
 
        </div>
    </fieldset>
    
    <fieldset id="detventa">
        <legend></legend>
        <table id="detcompra">
            <thead>
            <th>Producto</th>
            <th>Cantidad</th>
            <th>P.Unit</th>
            <th>Sub T.</th>
            <th>Acciones</th>
            </thead>
            <tbody id="agregar">
            <tr id="id_0"><td><input type="hidden" class="mon" value=" 3" name="id_0" id="id_0"><input type="text" class="descripcion" value="Ayudin " name="nombre_0" id="nombre_0"></td><input type="text" class="mon" value="1" name="cantidad_0" id="cantidad_0"><td><input type="text" class="mon" value="3.00" name="precio_0" id="precio_0"></td><td><input type="text" class="mon" value="3" name="subt_0" id="subt_0"></td><td><div id="0" class="etr">Eliminar</div></td></tr><tr id="id_1"><td><input type="hidden" class="mon" value=" 4" name="id_1" id="id_1"><input type="text" class="descripcion" value="Detergente " name="nombre_1" id="nombre_1"></td><input type="text" class="mon" value="2" name="cantidad_1" id="cantidad_1"><td><input type="text" class="mon" value="3.00" name="precio_1" id="precio_1"></td><td><input type="text" class="mon" value="6" name="subt_1" id="subt_1"></td><td><div id="1" class="etr">Eliminar</div></td></tr></tbody>
        </table>
    </fieldset>
 
    <div id="fin">
 

Que puede estar pasando.?

[chicohot20]

Lo he probado y funciona, probablemente hay un duplicado de ID #ccantidad o #ccant

[xalupeao]

a mi tambien me funciona pero le agrege los var cuando cre las variables.