title: Adding a public method to a polymer element (like the go function in core-ajax)
body: <p>I want to add a public function to a polymer element, just like the go() method in core-ajax. This is what I am doing right now -</p>
  
  <pre><code>Polymer('data-pane',{
      ready: function (){
          this.data = [];
      },
      shoveData: function (){
          console.log("what what what what");
      }
  });
  </code></pre>
  
  <p>But I am getting error when I try to call shoveData() on the element (in index.html, where I am actually using it) that the function is undefined. </p>
  
  <p>here's the calling snippet:</p>
  
  <pre><code>window.addEventListener("polymer-ready", function(){
      window.addEventListener("facebook-signin-success", function(){
          console.log("You are logged in");
          console.log('Welcome!  Fetching your information.... ');
          FB.api('/me', function(response) {
              console.log(response);
  
              var pane = document.querySelector("data-pane");
              pane.data = response;
              pane.shoveData();
          });
       });
  });
  </code></pre>
  
  <p>and the error message is - </p>
  
  <pre><code>Uncaught TypeError: undefined is not a function (on chrome)
  TypeError: pane.shoveData is not a function (on FF)
  </code></pre>
  
  <p>How to sort this out ?</p>