JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<input type='button' value='Save design' id='save'  />
<div id="content" style="height: 200px; width:600px;border: 1px solid black;" class='whatev'>
 </div>
</body>

JavaScript

$(document).ready(function(){   

   $('#save').click(function(e){
   alert( document.getElementById('content').id); // this works!
   alert($("#content").length); // this works! it outputs "1"
   alert($("#content").attr('id')); // this does NOT work - undefined, why?
   //end save function
   });

    $('#content').click(function(e){ 
    // do stuff // ALL of this works!
        alert('test');
    });
});