media query

Hi

I would like to check if it’s possible to add media query.

For example,
if the window size is between 700px to 1000px, then change certain text of hyperlink (with class name : ‘samplebutton’ from ‘ABC’ to ‘DEF’.

I got something like this… but it throws an error.. not sure what went wrong..

<script>
	jQuery(document).ready(function() {
		if($(window.width()) >= 700) {        
		jQuery('a.samplebutton').text("DEF");	
    }	
});

</script>

I am not well-verse in programming but if you could show some sample lines of code, I will be able to take it from there… Can you please help?

Thank you