change placeholder text depending on media queries

$(document).ready(function() {
    if ($(window).width() < 768) {
        $("input[id='txtAddr']").attr("placeholder", "Get Directions");
    } else {
        $("input[id='txtAddr']").attr("placeholder", "Enter an address to get directions to the kelvin");
    }
})