dudas con la propiedad .width(); de jquery

[20113784]

tengo un problema. quiero desaparecer un elemento cuando el ancho de pantalla 700px hacia abajo y que se desaparezca también cuando sea mayor a 800px.

pero no me funciona el codigo:
(gracias de ante mano)

<script type="text/javascript">
$(function() {
var resea = $('#resea');
buscador = $('input.min-buscador');
buscadorHeight = buscador.height();

$(resea).on('click', function(e) {
e.preventDefault();
buscador.fadeToggle();
});
});

$(window).resize(function(){
var z = $(window).width();
if(z < 700, z > 800 && buscador.is(':hidden')) {
buscador.removeAttr('style');
}
});
</script>