Challenge fail if #data not selected with double quotes in 'geolocation' challenge

Challenge Name

https://www.freecodecamp.com/challenges/get-geolocation-data

Issue Description

Go through the challenge and do:

$('#data').html(...) and it will fail.

change to $("#data").html(...) and change nothing else, and it will work.

Many js developers prefer to use single-quotes in js and double quotes in html. Additionally, the other jquery challenges do not have this bug.

Browser Information

• Browser Name, Version: Chrome Stable 64bit 54.0.2840.99m
• Operating System: Windows 10 64 bit
• Mobile, Desktop, or Tablet: Desktop

Your Code

 
<script>
  // Only change code below this line.
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function (position) {
      $('#data').html('latitude: ' + position.coords.latitude + '<br>longitude: ' + position.coords.longitude);
    });
  }
  
  
  // Only change code above this line.
</script>
<div id = "data">
  <h4>You are here:</h4>
  
</div>

[dhcodes]

@systimotic I believe the style guide they are referencing is this: http://contribute.jquery.org/style-guide/js/#quotes

But yes, I agree we should drop the requirement as it’s not a hard rule.

[systimotic]

Wow, thank you @abhisekp, I did not know about that! That is pretty amazing ✨ A PR resolving this issue should probably also get rid of this test. It quotes a jQuery style guide, which I have not been able to find. The entirety of the jQuery challenges seed has to be updated, as well as some of the JSON API’s and AJAX seed