title: x-editable, bootstrap and symfony
body: <p>I am trying to get x-editable, bootstrap and symfony to work. </p>
  
  <p>I am able to get it somewhat jiving but I am having a heck of a time understanding how to get my json response into a drop down menu. I am all new to this whole jquery, bootstrap and symfony world so go easy on me :)</p>
  
  <p>This is my inline element that I am loading my drop down elements into: </p>
  
  <pre><code>&lt;a href="#" id="myElement"&gt;Admin&lt;/a&gt;
  </code></pre>
  
  <p>Then I am triggering it with this snippet of code: </p>
  
  <pre><code>$('#myElement').editable({
          type: 'select',
          value: 2,
          source: '{{ path('product_category_groups') }}'
      });
  </code></pre>
  
  <p>This is the response I get back from ajax: </p>
  
  <pre><code>{"responseCode":200,"options":[{"value":0,"text":"Guest"},{"value":1,"text":"Service"},{"value":2,"text":"Customer"},{"value":3,"text":"Operator"},{"value":4,"text":"Support"},{"value":5,"text":"Guest"}]}
  </code></pre>
  
  <p>This is what my drop down box looks like when the json response comes back to the browser(image attached). <img src="https://i.stack.imgur.com/Lo0h3.png" alt="enter image description here"></p>
  
  <p>I cannot figure out what in the world to do via the documentation on x-editable. There are no working examples anywhere.</p>