Função next() Jquery

Pessoal, bom dia!

Revirei a internet atrás de exemplos, e por incrível que pareça, todos funcionam, somente meu código que não...

Debuguei com o Firebug e ele não consegue setar a variável para o elemento que eu quero, resultando em undefined.

Tenho um form de cadastro, simples, com um select que a pessoa escolhe determinado valor, porém, se este valor for o "Outros", hailita o input ao lado.

Eu consegui fazer setando os id's ou classes, mas não queria desta forma, pois se eu tiver 10 campos iguais estes, terei que fazer 10 vezes a mesma função.

Eu queria fazer uma função só, que quando o usuário escolhesse a opção "Outros" no select tal, o próximo input habilitasse.

 

 <div class="grid_4 alpha">
 <label for="ficouSabendo">
 Como ficou sabendo do evento?</label><br />
 <select id="ficouSabendo" name="ficouSabendo" class="wm_w100 wm_w100Fix webID-Select">
 <option value="">[selecione]</option>
 <option value="Facebook">Facebook</option>
 <option value="Email">Email</option>
 <option value="Cartaz">Cartaz</option>
 <option value="Twitter">Twitter</option>
 <option value="Google Plus">Google Plus</option>
 <option value="Site">Site</option>
 <option value="Amigos">Amigos</option>
 <option value="Outros">Outros</option>
 </select>
 </div>
 <div class="grid_4">
 <label for="ficouSabendoOutros">
 Preencha se escolheu "Outros"</label><br />
 <input type="text" id="ficouSabendoOutros" name="ficouSabendoOutros" value="" class="wm_w100 webID-inpTxtArea outros"/>
 </div>

 

$('.outros').attr('disabled', true);

 $('#ficouSabendo').change(function () {

 var $opcao = $(this).attr('id');

 if ($opcao == 'Outros' || $opcao == '' || $opcao == null) {
 $(this).next('input.outros').attr('disabled', true);
 } else {
 $(this).next('input.outros').removeAttr('disabled');
 }

 });