Question

I can’t get my head around why this

$.ajax({ url: "http://ruzzle-map.herokuapp.com/bad", 
         data: { word: $(".words-list li > span.word").eq(current_word).text() },
         dataType: 'jsonp',
         jsonp: 'jsoncall' })

fails while this

$.ajax({ url: "http://ruzzle-map.herokuapp.com/bad", data: { word: $(".words-list li > span.word").eq(current_word).text() }, dataType: 'jsonp', jsonp: 'jsoncall' })

compiles well.

Answer 1

The compiler seems to be messing up with the indentation on the object literal, if you add a new line after the first opening brace it compiles:

$.ajax({
  url: "http://ruzzle-map.herokuapp.com/bad", 
  data: { word: $(".words-list li > span.word").eq(current_word).text() },
  dataType: 'jsonp',
  jsonp: 'jsoncall' 
})

Given that this is CoffeeScript, you can omit function call parentheses and trust indentation and newlines for the object literals instead of using braces and commas:

$.ajax
  url: "http://ruzzle-map.herokuapp.com/bad"
  data: 
    word: $(".words-list li > span.word").eq(current_word).text()
  dataType: 'jsonp'
  jsonp: 'jsoncall'