Auto display grid view on desktop & list view on mobile in shopify collection template

theme.liquid.html

<!-- [Auto display grid view on desktop & list view on mobile in shopify collection template ] -->
<script>
  function responsiveFn() {
    width = jQuery( window ).width();
    height = jQuery( window ).height(); 
    // Do a custom code here
      if(width < 768){
        	jQuery('button[data-view = "list"]').click();
      }else{
        	jQuery('button[data-view = "grid"]').click();
      }
   }
    // load() event and resize() event are combined 
  jQuery(window).ready(responsiveFn).resize(responsiveFn); 
</script>