Iterate through all elements and addClass based on innerHtml

See more:

Javascript

jQuery

ok so i've got this half working:
I'm wanting to select all elements with a class of 'status-holder'. Then check what the innerHtml is of that element, then based on the value add a CSS class, existing code:

$('.status-holder').each(function () {
            switch ($(this).html().trim()) {
                case "Sent":
                    alert("fodo");
                    $(this).addClass('status-sent');
                case "Received":
                    $(this).addClass('status-received');
                case "In Progress":
                    $(this).addClass('status-inProgress');
                case "Completed":
                    $(this).addClass('status-completed');
            };
        });

problem is this doesn't just change the current iteration (what i want) it changes all the elements with class of 'status-holder'. i thought $(this) would be the current iteration, not refer to the selector.

Any help would be great.