title: ng-click doesn't take parameters from the DOM
body: <p>I have the following code:</p>
  
  <pre><code>&lt;input id="id"&gt;
  &lt;button data-action="bea" ng-click="Create($('#id1')[0].value);" class="btn"&gt;Insert ID&lt;/button&gt;
  &lt;button data-action="bea" ng-click="Create($('#id2')[0].value);" class="btn"&gt;Insert ID&lt;/button&gt;
  </code></pre>
  
  <p>In the JS I have:</p>
  
  <pre><code>$scope.Create = function (id){
          if (id === undefined) {
              $scope.data = "You must specify an id";
          } else {
                  $scope.data = data;
                  console.log(data);
              });
          }
      };
  </code></pre>
  
  <p>When the call gets into the Create function the value of the id is undefined.</p>
  
  <p>If I add the following line at the beginging of the Create function everything works ok:</p>
  
  <pre><code>id = $('#id')[0].value;
  </code></pre>
  
  <p>If I send a constant value it works:</p>
  
  <pre><code>&lt;button data-action="bea" ng-click="Create('SomeID');" class="btn"&gt;Insert ID&lt;/button&gt;
  </code></pre>
  
  <p>Why is this happening and how can I do that without putting the line of value into the method?</p>
  
  <p>Thanks</p>