mejorar a funcion generica-reusable

[catpaw]

ya me muestra en cada textarea letras restantes, solo que el segundo textarea va restando y tomando el valor de restante del primer textarea

Código Javascript:

$('.numero').html('200');
$('#motivo,#observaciones,#descripcion_area').keyup(function(){
    var total_letras = 200;
    var longitud = $(this).val().length;
    var resto = total_letras-longitud;
    $('.numero',this).html(resto);
    if(resto<=0){
        var str= $(this).val();
        str = str.substr(0,total_letras);
        $(this).val(str);
        $('.numero').html('0');
    }
});
 

cambie los span, en lugar de id les puse clase, pero aun no logro diferenciarlos,
trate de poner:

Código HTML:

<textarea name="descripcion_area" id="descripcion_area" rows="4" cols="45"></textarea><div>Letras Restantes: <span class="numero"></span></div>
<textarea name="motivo" id="motivo" rows="4" cols="45"></textarea><div>Letras Restantes: <span class="numero"></span></div>
 

$('.numero',this).html('200');

y hay no calcula los caracteres restantes