Return a number instead of an object?

Return a number instead of an object?


    Hello. 

    I am trying to build a price calculator that changes based on when a person chooses a product or increases their quantity. Everything seems to be working, but I'm getting [object Object] instead of numbers. I'm not understanding how to make "return fry;", or "return leela;" give me a number instead of an object.

    Thanks,



    1. jQuery(document).ready(function(){
    2.         var qtyCode = jQuery('.qtyswitcher-qty').html();
    3.         var price = jQuery('.switcher-pb_product_size .switcher-label').click(function(){
    4.                         var bender = jQuery('.price').text();
    5.                         var fry = Number( bender.replace(/[^0-9\.]+/g,""));
    6.                         return fry;
    7.                     });

    9.         var qty = jQuery('.qtyswitcher').click(function(){
    10.                    leela = jQuery('#qtyswitcher-clone-qty').attr('value');
    11.                         return leela;
    12.                     })

    14.         var total = price * qty;

    16.         var newContent = '<p class="multiply">' + '$' + price + '/ea x</p>' + qtyCode + '<p class="multiply">=' + '$' + total + '</p>';

    18.         jQuery(".qtyswitcher-qty").replaceWith(newContent);
    19. });