I've been playing around with it a bit and I think I'm getting close. Let me know if there is a better way to do this or if you see any issues with this code. Thanks!
function appendElements() {
//swap in desktop content
if (window.matchMedia("(min-width: 1100px)").matches) {
$("#section1").append("\
<div class='placeholder'>\
<img src='assets/site/desktop_placeholder.png' />\
</div>\
");
}
}else{
$("#section1").empty();
}
}
if (window.matchMedia("(min-width: 1100px)").matches) {
appendElements();
}
$(window).resize(function(){
appendElements();
});