Ajax...description d'une ligne de code

Bonjour,

Voici une ligne en AJAX:

 
var price = parseFloat(ui.draggable.find(".price").html().replace("$ ", "")); 
total_price = total_price + price;
$("#cprice").html("$ " + total_price);

Voici le CSS correspondant à cette ligne (le .price)

        .title, .price {
            display: block;
            text-align: center;
            font-size: 14px;
            letter-spacing: -1px;
            font-weight: bold;
            cursor: move;
        }
    
        .price {
            color: #0099cc;
            margin-top: 5px;
            -webkit-border-radius: .5em;
            -moz-border-radius: .5em;
            border-radius: .5em;
        }

En fait cette ligne de code, est utilisé dans mon panier en drag&drop et quand je met un produit dedans, le produit va dans le panier mais l'image du produit reste aussi dessus, ce qui fige l'image du produit alors que normalement il devrait retourné à sa place initial.
Donc voici ma question: Que veut dire ces ligne de code?
J'ai déjà fait des recherches et j'ai pas compris qrand chose^^"
A part que Var parseFloat est utilisé pour mettre les prix en Float dans le panier...
Help me please!!