JavaScript Não reconhece numero 10

Boa Noite

To com um probleminha que não sei como resolver.
Nesse codigo abaixo ele faz o seguinte.... de acordo com um drop down com values de 0 a 10
sendo que a opção selecionada for menor que 8 ele mostrar uma div oculta, se form maior não faz nada.

Bem ele funciona muito bem mais ate o numero 9 se escolher no dropdown o numero 10 ele mostra a div oculta

Exemplo Grotesco aqui

1 --> Mostra div oculta
2 --> Mostra div oculta
3 --> Mostra div oculta
4 --> Mostra div oculta
5 --> Mostra div oculta
6 --> Mostra div oculta
7 --> Mostra div oculta
8--> Não MOSTRA div oculta
9--> Não MOSTRA div oculta
10 --> Mostra div oculta ( aqui esta o erro ele reconhece o 10 como 1)

<select name="pes11" id="privileges1" class="" onclick="craateUserJsObject.ShowPrivileges();">
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<script>
var Privileges = jQuery('#privileges1');
var select = this.value;Privileges.change(function () {

if ($(this).val() < '8') {

$('.txt').show();
}
else $('.txt').hide();
});
</script>

<div class="txt" style=" display: none;">
</div>