Desabilitar inputs

Boas

Eu escrevi este codigo e não esta a funcionar o que eu tinha em mente era no select ao mudar para o socio o user e pass desaparecer so que nao esta a fazer isso alguem me pode ajudar a perceber o que esta errado ?

script

 <script src="https://code.jquery.com/jquery-2.1.3.js"></script>
	<script type="text/javascript">
 $(document).ready(function () {
 $("#select").change(function () {
 if($("#select").val() == "2")
 {
 $('#username').prop('disabled', true);
 $('#pawd').prop('disabled', true);
 }

});

}

formulario

 <table>
 <tr>
 <td align="right"><H3>Tipo de Utilizador:</H3><form action="" method="post"></td>
 <td align="left"> <select name="utilizador" id="select">
 <option value="1" selected>Administradores</option>
 <option value="2">Socios</option>
 </select></td>
 </tr>
 <tr>
 <td align="right"><H3>Nome:</H3></td>
 <td align="left"><input type="text" name="nome"></td>
 </tr>
 <tr>
 <td align="right"><H3>Morada:</H3></td>
 <td align="left"><input type="text" name="morada"></td>
 </tr>
 <tr>
 <td align="right"><H3>Mail:</H3></td>
 <td align="left"><input type="email" name="mail"></td>
 </tr>
 <tr>
 <td align="right"><H3>Data Nascimento:</H3></td>
 <td align="left"><input type="date" name="data"></td>
 </tr>
 <tr>
 <td align="right"><H3>User Name:</H3></td>
 <td align="left"><input type="text" name="user" id="username"></td>
 </tr>
 <tr>
 <td align="right"><H3>Password:</H3></td>
 <td align="left"><input type="password" name="pass" id="pawd"></td>
 </tr>
 <tr>
 <td colspan="2" align="center"><br><input type="submit" value="Adicionar" name="ad"> </td>
 </tr>
 </form>
 </table>

Obrigado