Changing placeholder via media query

gistfile1.js

// Nice way, using matchMedia, no IE9 or below support
var media = "screen and (min-width: 720px)",
    placeholderShort = "Short holder",
    placeholderLong = "My quite long placeholder";
$(window).resize(function(){    
    if(window.matchMedia(media).matches) {
      $('.element').attr('placeholder', placeholderLong); 
    }
    else {
      $('.element').attr('placeholder', placeholderShort); 
    }
});

// Slightly not nice way using width
$(window).resize(function(){
    var cutoff = 720,
        placeholderShort = "Short holder",
        placeholderLong = "My quite long placeholder";
    
    if($(window).width() >= cutoff) {
      $('.element').attr('placeholder', placeholderLong); 
    }
    else {
      $('.element').attr('placeholder', placeholderShort); 
    } 
});