title: Get value jQuery after .click function jQuery with content dynamic
body: <p>I have the next code</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;section class="listjobs" style="display: block;"&gt;
  &lt;div class="jobgroup GigaLab"&gt;GigaLab&lt;/div&gt;
  &lt;div class="jobgroup CraftedContours"&gt;CraftedContours&lt;/div&gt;
  &lt;div class="jobgroup FunPuntos"&gt;FunPuntos&lt;/div&gt;
  &lt;div class="jobgroup Lexplique,LLC"&gt;Lexplique,LLC&lt;/div&gt;
  &lt;div class="jobgroup Arriendas.cl"&gt;Arriendas.cl&lt;/div&gt;
  &lt;div class="jobgroup Scholaroo.com"&gt;Scholaroo.com&lt;/div&gt;
  &lt;div class="jobgroup OctaneNation"&gt;OctaneNation&lt;/div&gt;
  &lt;div class="jobgroup Loogares.com"&gt;Loogares.com&lt;/div&gt;
  &lt;div class="jobgroup AgentPiggy"&gt;AgentPiggy&lt;/div&gt;
  &lt;div class="jobgroup AgentPiggy"&gt;AgentPiggy&lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>this is my jQuery.</p>
  
  <pre><code>        (function($){
  
      $('#searchjob').keypress(function(e){
          var search = $.trim($(this).val());
  
          if (e.which == "13") {
  
              $.ajax({
                  beforeSend: function(){
                      //$('#loading').html(&lt;img src="rutagif" alt="loading" /&gt;);
                  },
                  url:"../wp-admin/admin-ajax.php",
                  data:{ action: 'searching_job',data : search },
                  //dataType: "json",
                  type: "POST",
                  success: function(data){
                      var jsonresult = JSON.parse(data);
                      var jobs = $('.listjobs');
                      var startups = [];
  
                      $.each(jsonresult, function(i, item){
                          startups.push(jsonresult[i].meta_value);
                      });
  
                      startups = $.unique(startups);
  
                      //console.log(startups);
  
                      jobs.hide().empty();
  
                      $.each(startups, function(i, item){
                          var startup = startups[i].replace(" ","");
                          jobs.append("&lt;div id='"+startup+"'class='jobgroup'&gt;&lt;h2&gt;"+startups[i]+"&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;/div&gt;").slideDown();
                      });
  
                  }
  
              });
  
              e.preventDefault();
  
          };
  
      });
  </code></pre>
  
  <p>This code not found</p>
  
  <pre><code>    $(this).click(function(e){
          console.log($(this).text());
      });
  </code></pre>
  
  <p>Also try with $('.lisjobs'), this show an alert but not get the data, also try with $('section.listjobs .jobgroup'), $('.jobgroup') and not found. Any other idea ?</p>
  
  <pre><code> })(jQuery);
  </code></pre>
  
  <p>but not found :/. How to get the value of div with class "jobgroup"?. Any example.</p>