Change partial values in input box
<p>could someone help me to figure out if it is possible to take part of the value entered into an input field and change the value. What I am trying to do is make sure that addresses are entered correctly. So if someone puts in:</p>

<p>111 Circleview Road it would be changed to 111 Circleview Rd.</p>

<p>This is what I am trying with but having no luck, so I don't know if I am doing this wrong or if this is not possible to do with jQuery</p>

<pre><code>$("#address").blur(
function(){
  switch ($(this).val()){
    case 'Road':
    case 'road':
        $(this).replaceWith("Rd.");
    break;
    case 'Street':
    case 'street':
        $(this).replaceWith("St.")
    default:
        $(this).val();
    break;
   }
  }   
);
</code></pre>
