title: Jquery AJAX related data elements not returning
body: <p>I’m having some trouble getting some jQuery to return values.  I have similar code to this executing for modal examples however the three variables below do not return and need to be passed to the Ajax call.  I know the procedure is triggering as it triggers an alert when I add that code.  Any help would be greatly appreciated</p>
  
  <p>I would also like to disabled these links from the success function upon return.  I am unsure how to disabled both the like and dislike link.  Any help here would be awesome as well.</p>
  
  <p>result:
  <a href="http://localhost:8000/flag/like?conid=&amp;contype=&amp;val=" rel="nofollow noreferrer">http://localhost:8000/flag/like?conid=&amp;contype=&amp;val=</a></p>
  
  <p>link example</p>
  
  <pre><code>&lt;a href="#" class="like" data-val="1" data-contype="picture" data-conid="43"&gt;&lt;i class="fa fa-thumbs-o-up"&gt;&lt;/i&gt; &lt;/a&gt;
  &lt;a href="#" class="like" data-val="2" data-contype="picture" data-conid="43"&gt;&lt;i class="fa fa-thumbs-o-down"&gt;&lt;/i&gt;&lt;/a&gt;
  
  
  &lt;script&gt;
      $(document).ready(function() {
          $(document).on("click", "a.like", function(e){
              var conid = $(e.relatedTarget).data('conid');
              var contype = $(e.relatedTarget).data('contype');
              var val = $(e.relatedTarget).data('val');
              $.ajax({
                  type: "GET", 
                  data: {"conid": conid,"contype": contype,"val": val},
                  url: "{{ url('flag/like') }}", 
                  success: function(result){             
                       $("#results").html(result);         
                   }
              });
          }); 
      });
  &lt;/script&gt;
  </code></pre>