feat(maxlength): set new div to empty if chars are deleted under maxlength-50

discuss_data/static/js/project.js

@@ -166,18 +166,24 @@ $(document).on('keyup','.textarea, .textinput', function() {
     var remainingLength = maxLength-length;
     // get this elements id
     var elemId = $(this).attr('id');
+    // construct new id using this elements id
+    var charsLeftId = elemId + '_chars_left';
 
     if (remainingLength < 50) {
-      // construct new id using this elements id
-      var charsLeftId = elemId + '_chars_left';
       if ($('#' + charsLeftId).length) {
         // if new div exists set text
-        $('#'+charsLeftId).html(remainingLength);
+        $('#'+charsLeftId).text(remainingLength);
       }
       else {
         // create new div using new id
         $("<div class='chars-left' id='" + charsLeftId  + "'>" +  remainingLength + "</div>").insertAfter('#' + elemId);
       }
     }
+    else {
+      // if chars are deleted and remainingLength > 50 make new div empty
+      if ($('#' + charsLeftId).length) {
+        $('#'+charsLeftId).text('');
+      }
+    }
   }
 });
\ No newline at end of file