Jquery to display formatted value in content editor

<script type="text/javascript">
 ExecuteOrDelayUntilScriptLoaded(queryListItems, "sp.js")

   var itemId = 2;   // Set your listitem id
   var counterListItem;

  function queryListItems(){
     var clientContext = new SP.ClientContext(); 
     var counterList = clientContext.get_web().get_lists().getByTitle('CounterList');
     counterListItem = counterList.getItemById(itemId);
     clientContext.load(counterListItem);
     clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), Function.createDelegate(this, this.onQueryFailed));
   }

   function onQuerySucceeded() { 
       alert(counterListItem.get_item('Counter')); // Change column name

   }

   function onQueryFailed(sender, args) {
     alert('Request failed. \nError: ' + args.get_message() + '\nStackTrace: ' + args.get_stackTrace());
   }
   </script>

1. Copy code in txt file.
2. Upload file to document library and copy path of file.
3. Edit content editor webpart, paste path in Content link textbox and save it.
4. You will get listitem value based on ID
5. Now you can add html tags after script tag and set listitem values in div using div.innerHTML instead of alert through javascript.