Неправильно вывожу переменную JS, выводится как объект а это число

var newprice, tovarid, allprice, price; 
$(document).ready(function() { 
  $('#cart > p').toggle( 
    function() { 
      $("#cart > div").show(); 
      $("#corner").attr("class", "corner-up"); 
    }, 
    function() { 
      $("cart > div").hide(); 
      $("corner").attr("class", "corner-down"); 
    } 
  ); 
  var newcount = 0; 
  $('.add-tovar').click(function() { 
    allprice = $('#cart span#price').attr("price"); 
    price = $(this).attr("price"); 
    tovarid = $(this).attr("rel"); 
    newprice = Number(allprice) + Number(price); 
    newcount++; 
    $('#cart span#price').html(newprice + ' руб. ').attr("price", newprice); 
    $('#cart span.count').html(newcount); 
  }) 
 
  $("#test").click(function(newprice) { 
    $("#test2").html(Number(newprice) + " rub").attr("allprice", newprice); 
  }) 
}); 
 
function tot() { 
  console.log(newprice + " 111"); 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div id="cart"> 
  <span>Моя корзина (<span class="count">0</span>) <span id="corner" class="corner-down"></span></span> 
 
  <!--<span>Товаров: <span class="count">0</span></span>--> 
  <span>На сумму: <span price="0" id="price">0</span></span> 
  <span><a href="cart.html">Оформить</a></span> 
</div> 
<button id="test">test</button> 
<p id="test2">something</p> 
<button price="1500" rel="2" class="add-tovar">Добавить в корзину</button>