Mudar "select" para "input"

[rixardy]

<div class="input-prepend">
       <span class="add-on">Como Soube do Evento?</span>
				
	<option id="como_soube" name="como_soube" type="text" value="Instagram">Instagram</option>
	<option id="como_soube" name="como_soube" type="text" value="Whatsapp">Whatsapp</option>
	<option id="como_soube" name="como_soube" type="text" value="Por Um Amigo">Por Um Amigo</option>
	<option id="como_soube" name="como_soube" type="text" value="outro">Outro</option>
</select>						
</div>

Galera, sou novo aqui, gostaria de uma ajuda, javascript não é meu forte, mas surgiu essa necessidade, é o seguinte:

Tenho essa tag select com os options e quero que quando a pessoa selecionar a opção "outro" esse campo de seleção se torne um campo de texto para que ela digite o que quiser

[ygor.anjos]

$(document).ready( function ()
{
    $('#Id_select_aqui').change(function()
    {
        /* pega o valor do select */
        var option = $(this).find('option:selected').val();
		
        if(option == outro ){
          /* limpa a div do select, deixar em uma div separada dos outros campos para n limpar tudo */
        $("#div_onde_ta_o_select").empty();
		var html="<input type='text' name='outro'>";
          /* preenche a div */
        $("#div_onde_ta_o_select").html(html);}
    });
});