Modificar posición según ancho de pantalla

[ceaped]

Hola GeekGirl
No errores no veo.
Mira esto es lo que quiero, pero no me funciona sino "$(this).width()> 240":

Código Javascript:

<script type="text/javascript">
$(document).ready(function () {
    
    if ($(this).width()< 740){
        $('.texto_inicial').css({
            display: 'inline-block',
            position: 'relative',
            top: '800px',
            background: '#FF0000'
        });
    }
    
    if ($(this).width()> 240){
        $('.texto_inicial').css({
            display: 'inline-block',
            position: 'relative',
            top: '-825px',
            background: '#FFDD00'
        });
    }
});
</script>
 

Yo que quiero?, que cuando el navegador este de 240 pase algo y cuando este de 740 pase algo distinto.

Me das una mano con este código

Gracias por tu ayuda