Emmm, ¿y cuál es la duda? o.o

¿De casualidad te suena la librería de jQuery? Si la has usado alguna vez dime, sino déjame y pienso otra forma de explicártelo xD
Edito: terminé de leer tu quote y mencionas jQuery así que te explico como hacerlo ahí.

Donde tú colocas los eventos a realizar y demás, es decir, dentro del

$(document).ready(function(){

//Aqui

});

Podrás utilizar estos 2 métodos: object.focus() y object.blur(), que hacen lo que quieres.
Lo primero es asignarle un id sólo a ese input, por ejemplo:

<input type="text" name="s_email" id="mi-id" class="sus_form" value="Suscripción vía email" />

Luego, donde te mencione arriba colocarías esto:

$("#mi-id").focus(function(){
   //Aquí escribes lo que haces cuando se le enfoca
});

$("#mi-id").blur(function(){
  //Aquí escribes lo que haces cuando pierde el enfoque
});

Ya con eso creo que puedes hacer lo demás, sino pregunta.

Para eso ya vendría la lógica de cada quién, yo lo que por lo regular hago es:
- Declaro una variable que contenga el texto por defecto.
- En caso de enfoque, comprobar que lo que hay en la caja de texto es el texto por defecto, y si es así, vaciarlo.
- En caso de perdida de enfoque (blur), comprobar que lo que hay en la caja de texto es un espacio vacío, y si es así, volver a asignar el texto por defecto.

Es que a mí me gusta poner a pensar un poco xdd... No me gusta dar códigos hechos realmente.
Pero las comprobaciones que te hice se hacen con sentencias if y lo de obtener el valor (value) de un objeto es con el método val(); y para sobreescribir ese valor se usar val('loquequieresasignarle');