title: Get value of text field in clicked div
body: <p>I have list of divs that  generated by ajax call</p>
  
  <p>Here is code</p>
  
  <pre><code> function todolisttoday() {
      $("#list").empty();
      $("#counter").empty();
      $.ajax({
          url: '@Url.Action("GetTodayList", "Home")',
          contentType: 'application/json; charset=utf-8',
          data: JSON.stringify(),
          type: 'POST',
          dataType: 'json',
          processData: false,
          success: function (data) {
              var list = data;
              var count = Object.keys(data).length;
              $("#counter").append('&lt;b&gt;' + "You have" + " " + count + " " + "appointments today" + '&lt;/b&gt;');
              for (var i = 0; i &lt;= list.length - 1; i++) {
                  var timeobject = new Date();
                  timeobject.setTime(Date.parse(list[i].time));
                  var hours = timeobject.getHours();
                  var minutes = timeobject.getMinutes();
                  var ampm = hours &gt;= 12 ? 'pm' : 'am';
                  hours = hours % 12;
                  hours = hours ? hours : 12; // the hour '0' should be '12'
                  minutes = minutes &lt; 10 ? '0'+minutes : minutes;
                  var strTime = hours + ':' + minutes + ' ' + ampm;
                  var divslist = '&lt;div class="listdiv"&gt;' +
                      '&lt;b &gt;' + (i + 1) + '&lt;/b&gt;' + "." + " "
                      + '&lt;b class="title"&gt;' + list[i].title + '&lt;/b&gt;' + " "
                      + '&lt;b &gt;' + strTime + '&lt;/b&gt;' + '&lt;b class="status"&gt;' + list[i].status +'&lt;b&gt;' 
                      + '&lt;/div&gt;';
                  $("#list").append(divslist);
              };
          }
      });
  };
  </code></pre>
  
  <p>They are generated by this code</p>
  
  <pre><code>var divslist = '&lt;div class="listdiv"&gt;' +
                      '&lt;b &gt;' + (i + 1) + '&lt;/b&gt;' + "." + " "
                      + '&lt;b class="title"&gt;' + list[i].title + '&lt;/b&gt;' + " "
                      + '&lt;b &gt;' + strTime + '&lt;/b&gt;' + '&lt;b class="status"&gt;' + list[i].status +'&lt;b&gt;' 
                      + '&lt;/div&gt;';
  </code></pre>
  
  <p>I need to get value of <code>'&lt;b class="status"&gt;' + list[i].status +'&lt;b&gt;'</code></p>
  
  <p>When I click on div</p>
  
  <p>I make div click event</p>
  
  <p>Here is code</p>
  
  <pre><code> $(document).on('click', '.listdiv', function() {
      var appointmentTitle = $(this).text();
  
  });
  </code></pre>
  
  <p>But its get all data from div.</p>
  
  <p>How I can get only <code>class="status"</code> value?</p>