title: Separate width and height from data-src using .split() not working (Undefined)
body: <p>I'm trying to retrieve the width and height of a full size image from the attribute called <code>data-size</code> found in my a tag. </p>
  
  <p>I'm looping through the a tags using <code>.each</code> and then finding the attribute data-size using <code>.attr</code>. </p>
  
  <p>However, It saying that split is undefined? When I use console.log I can see the width and height like so <code>2340x1258</code>.</p>
  
  <p>Why I can't I split this up into an array? </p>
  
  <p>Please see below: </p>
  
  <pre><code>$('#project-gallery figure a').each(function (i, v) {    // build items array
  
          var size = console.log($(this).attr('data-size').split("x"));
  
          svi_items.push({
              src: $(v).attr('href'),
              w: $(v).size[0],
              h: $(v).size[1],
              msrc: $(v).data('imgthumb'),
              title: $(v).find('img').attr('title')
          });
      });
  </code></pre>